Shayan Danishreactquestions.hashnode.dev·3 hours agoHow can we make React useEffect avoiding execution on very first render?React useEffect always runs after the component mounts for very first time, irrespective of change in the state variable’s value. Let’s discuss, how can we avoid this. Before going through the solution below, I would suggest you to try to solve it by...React
John Schibellischibelli.dev·Feb 5, 2025Unleashing the Power of useState and useEffect in Modern ReactReact has fundamentally reshaped the landscape of front-end development, establishing a framework where declarative design and component-based architecture come together with the precision of a finely tuned instrument. With the introduction of Hooks ...React
Sujit Royblog.sujitroy.com·Feb 1, 2025React useEffect Explained: How, When, and Why to Use ItIf you're a react developer or if you're learning react, you must have got introduced to useEffect. In this blog we'll learn all about useEffect. What is useEffect and why its useful? useEffect is a hook for performing side effect on React function b...useEffect
Rahul Choudharyrahul-choudhary.hashnode.dev·Jan 29, 2025Fixing Continuous Re-Renders in React: Understanding Passing by Reference vs. Passing by Value and application of spreed operatorIntroduction Recently, while working on a React project, I encountered an issue where my component was re-rendering continuously despite implementing a debounce hook(It is just a fancy useEffect hook wraped with some additional logic). This led to un...Passing by Reference vs. Passing by Value
AmmarSyedKengrama.tech·Jan 6, 2025NextJS: How to fix the "use client" errorsIf you’ve been working with Next.js and encountered issues with the "use client" directive, you’re not alone. This article will walk you through the common pitfalls developers face and explain how to fix these errors with practical examples. Understa...Next.js
Sahana S Acharyareact-diaries.hashnode.dev·Dec 22, 2024Building a Password Generator in React: Step-by-Step Guide 💡✨Introduction to the Password Generator Project 🛠️This project is a great way to practice React concepts like state management, memoization, DOM manipulation, and more. With a clean user interface and powerful functionality, you can generate secure p...useState
Jatin shankar Srivastavajatin-devopw.hashnode.dev·Dec 8, 2024Detecting Mobile Screen Size in React Using useEffect and window.matchMediaWhen building responsive web applications, it’s essential to adapt the UI dynamically based on the screen size. A common requirement is to detect if a user is on a mobile device or not. In this blog, we'll explore a clean and effective way to achieve...10 likes·44 readsReact
Vishal Singhthevishingh-react-hooks.hashnode.dev·Nov 29, 2024Understanding React Hooks The Ultimate Beginner's Guide 🔑React Hooks are functions that let you use React state and lifecycle features in functional components. They help you manage state, side effects, and more without using class components. Let's explore each type of hook in a simple way for beginners! ...2 likesReact
David Willifordblog.davidwilliford.dev·Nov 18, 2024Solving "Invalid Hook Call" Errors in ReactThe infamous "Invalid Hook Call" error can be a massive headache, especially in complex applications using large JavaScript files. The reason this error is obnoxious is that it is found in runtime, so you will not know it exists until you run your ap...51 readsReact
Nitesh Singh codecrafters.hashnode.dev·Oct 8, 2024Understanding State Updates in React: Using `setCount` Inside and Outside `useEffect`The difference in how you use setCount inside and outside of useEffect is due to how React handles state updates and closures. Outside of useEffect When you use setCount(count + 1) outside of useEffect, you are directly using the current value of cou...1 like·29 readsReact JargonReact