Here are some accessibility properties that are not very common across developers (This is a WIP blog): 1. prefers-reduced-motion This setting is helpful for people with vestibular disorder. The vestibular system is the sensory mechanism in the inner ear that detects movement of the head and helps to control balance. Though the issue is related to the ear, this problem affects the overall balance as well as the visual perception of the users.

When it comes to React, it’s safe to say that inline functions are evil. Regarding the above video, it is my first attempt at making a video. I realized explaining things over a video is easier and better compared to…

Apart from using the regular useState hook, you can manage the state using useReducer hook. The useReducer hook in React is a built-in hook that provides a way to manage and update the state in functional components, especially when the state logic is complex or involves multiple values. …

Startup, from good to bad. For me, startup is a synonym for hope. As a fresher when I had no chance of getting into a big company, I knew that I could get into a startup and build my career up. Well found (then Angel dot co) helped me a…

Accessibility. It is always a dearest subject to me. Just like how error handling, testing, etc., are integral parts of any software engineer’s development process, why is accessibility not considered important? To be able to build something that can be accessed by everyone regardless of their ability or disability should…

This will be a rather short article on what happens when a component re-renders. What happens when a component re-renders? State Preservation: The state of the component is preserved between renders. React maintains the current state of a component across re-renders. …

Few Questions and Answers on the concept of REACT for my own references Render and Re-render How do react update the real DOM? React uses react DOM library to update the actual DOM. It uses browser’s DOM api like getElementById etc to do the actual update. What is the use of React-DOM library? …

A few questions have been bothering me for quite some time: What is the execution sequence of code in the functional component? When do hooks like useState useEffect useMemo get executed? What happens to the useEffect hook in the case of SSR? TLDR; Sorry no TLDR NOTE: If you're preparing…

I know there are already 100s of articles on this, but searching for the right one is difficult, hence I am writing this for future myself to refer to. Feel free to take a reference. I was travelling on a train, doing some development shit and needed to access the…