Category: Web Development
-
The Importance of Keys in React Lists
Today, I want to delve into an essential aspect of React development: the significance of keys in lists. Keys are crucial in React’s reconciliation algorithm,…
-
JavaScript Hydration: A Brief Overview
In JavaScript, hydration refers to attaching event handlers or data to a dynamically created HTML structure. It is commonly used in client-side frameworks and libraries…
-
React Context Walkthrough
Various approaches are available regarding managing state in React applications, such as prop drilling, Redux, or MobX. However, React Context has emerged as a powerful…
-
A Quick Guide to useDebugValue Hook
The useDebugValue hook in React is a powerful tool that enables developers to enhance the debugging experience of custom hooks. By providing custom labels and…
-
Understanding React Fiber
React Fiber is a highly efficient and concurrent reconciliation engine Facebook (meta) introduced in 2017. It serves as the foundation of the React library. It…
-
Fixing an NPM sub-dependency issue
Today I needed to clear a high-severity npm dependency issue that was a sub-dependency of a package I used. I thought this might help others…
-
What is Props Drilling?
In software development, building complex applications often involves managing state and passing data between components. Maintaining a clear and efficient data flow becomes crucial as…
-
Can You Enable Zoom With Mouse In VS Code?
Yes, you can zoom the editor in VS Code with the mouse wheel. There are two straightforward ways to do this. Updating Your Settings The…
-
Adding Complex State To Recoil
In our previous article, we introduced Recoil to our app. In this article, we’ll add a more complex piece of state, an array of live…
-
Add State With Recoil
Continuing from the last article, we are at a point where we want to build the components that a logged-in user can see. But we…