React Tricks: Customizing your useEffect to run ONLY when you want!

INTRODUCTION The useEffect hook in the world of React's functional components operates as a componentDidMount, componentDidUpdate and componentWillUnmount - all in one. But what if you only wanted to trigger one of the effects at a time. How would you accomplish this? Before we dive into it, let's understand a little more about how the … Continue reading React Tricks: Customizing your useEffect to run ONLY when you want!

What Are the Potential Threats In Unmounting Using UseEffect Hook?

In2021, I can say many developers are loving the functional components implementation with the help of hooks. Recently in one of my projects, while implementing Unmount lifecycle method using useEffect, we faced issue like our unmount (return function inside useEffect) was getting executed whereas component was still in mounted phase. While solving it I got … Continue reading What Are the Potential Threats In Unmounting Using UseEffect Hook?

Learn About Immutability with Immer in React

In React applications the most important part is the application state. We can maintain local state within the component or global state across the application using Redux. Managing the state becomes crucial as we may have inconsistent app behavior or have bugs if the state is not managed properly. So while dealing with the state … Continue reading Learn About Immutability with Immer in React