I'm a self-taught full-stack web developer (mostly-front end). I love experimenting and demystifying web technologies 馃ぉ
Motivation What is debouncing? Controlled and Uncontrolled components Controlled Uncontrolled Debouncing Controlled components useDebounce hook Real-life use cases Motivation In my most recent application, I came across the need to debounce some f...
Designing forms for mobile can be a hiccup especially when it has many fields. I don鈥檛 know how many people know this; the on-screen keypad can cover your form or the submit button making it difficult for users to click thus disrupting the sign-in/si...
Have you ever wanted to implement a feature for a specific platform or device? Like show a screen or some content to mobile users only or execute a different an action based on the user's device I usually come across contents on sites that are clearl...
Code snippets are templates that make it easier to enter repeating code patterns. VSCode's snippets are just one big part of my coding experience. They make it super easy to get away with some boilerplate code. There are code snippet extensions for e...
There's so much difference between Fetch and Axios but my focus is on error handling because it caught my attention in my previous project. Error handling is an essential part of every application we build thus needs to be done correctly. From the fe...
I recently wrote on how to customize the default upload button but I want to explore more into this topic and try other options. I designed an interface to upload a user avatar How to We'll start with our HTML <main> <input type="file" name="image...
Customizing the input type="file" is a bit annoying because it comes with a button and an unchangeable text. With the ::file-selector-button pseudo-selector you can edit the default button. It's still annoying because some CSS properties affect both ...
Navigating in a multi-page application is done by refreshing the webpage. In this case, the screen-reader announces to the user when the page is done loading. However, In single-page applications, navigation is done via JavaScript which makes the scr...
