Sahana S Acharyareact-diaries.hashnode.dev·18 hours agoBuilding 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·38 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...React
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
Omkar Kastureomkarkasture.hashnode.dev·Oct 5, 2024React Hooks: useEffect, useRef, and useCallbackIn last two blog we learned what are react components, props and what react hooks are. In this blog we will interact with three useful hooks namely useEffect, useRef, and useCallback with project building simultaneously. I learned this concepts from ...9 likes·72 readsReact-Quick GuidesReact
Parmeet Singhpxrmeet97.hashnode.dev·Oct 2, 2024Is useEffect an alternate for ComponentDidMount?Class-based components taught us a lot about React functionality and how it works. Two of the most used features are setState and ComponentDidMount. Developers who switched from class-based to function-based components started using useEffect for eve...React
Yusuf Uysalyusufuysal.hashnode.dev·Sep 28, 2024React Interview Questions (Part 2): Component Lifecycle & HooksWhat are the differences between componentDidMount, componentDidUpdate, and componentWillUnmount in class components? componentDidMount, componentDidUpdate, and componentWillUnmount are lifecycle methods in React class components that are invoked at ...React Interview QuestionsReact
Vitthal Korvanvitthal-korvan.hashnode.dev·Sep 28, 2024React JS - useEffectUseEffect The useEffect hook in React is a powerful tool for managing side effects in functional components. It allows you to run some code after rendering a component, and also to handle cleanup after the component is unmounted. The basic syntax of ...1 likeReact-MasteryReact
Rishi Bakshirishibakshi.hashnode.dev·Sep 22, 2024Avoiding Common Mistakes with Browser APIs in Next.jsOne common mistake that beginners make when working with Next.js is incorrectly using browser APIs like window.localStorage in client components. Understanding how Next.js handles server-side rendering (SSR) and client-side rendering (CSR) is crucial...11 likesYou Don't Know Next.jsBeginner Developers