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...DiscussReact
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...Discuss·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 ...Discuss·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...DiscussReact
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 ...DiscussReact 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 ...Discuss·1 likeReact-MasteryReact
Rishi BakshiforRishi Bakshi Blogrishibakshi.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...Discuss·11 likesYou Don't Know Next.jsBeginner Developers
고라니드로koranidro.hashnode.dev·Sep 7, 2024[React] 당신은 상태를 필요로 하지 않을 것입니다. #5 - 부작용 편이 포스트는 React 버전 18.3.1을 기준으로 합니다. 잠깐! 동시성 렌더링에 대해 아직 잘 모른다면 [React] 변화의 물결, 동시성 렌더링을 먼저 읽어보세요! 부작용(정리가 필요한)을 가진 상태는 어떻게 해야 할까요? 렌더링과 커밋이 반드시 한 쌍을 이루지는 않으므로 상태를 렌더링 중 생성하고 useEffect를 통해 정리 함수를 호출하는 것은 적절치 않습니다. React 개발팀은 의도적으로 부작용을 관련 기능을 통해서 처리하도록 ...Discuss[React] 당신은 상태를 필요로 하지 않을 것입니다.React
Shiwanshu Shubhamshiwanshudev.hashnode.dev·Aug 9, 2024Simple Guide to Creating Custom HooksCustom hooks are reusable pieces of logic we create for specific functions. They are generally made up of other hooks used inside them. They are named with "use" followed by the functionality of the hook. For example, useFetchData. According to Rea...Discusscustom-hooks
Aniket Dhaygudeaniket04blog.hashnode.dev·Jul 18, 2024Why We Use useEffect in React: Easy Explanation and GuideIntroduction React has revolutionized the way we build user interfaces, and with the introduction of Hooks in React 16.8, managing state and side effects has become simpler and more intuitive. One of the most powerful and commonly used Hooks is useEf...Sarfraz Ashrafi and 1 other are discussing this2 people are discussing thisDiscuss·19 likesuseEffectsimple and easy to read 10
![[React] 당신은 상태를 필요로 하지 않을 것입니다. #5 - 부작용 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/UYsBCu9RP3Y/upload/0d70ad07155e2f580dd1cf2c56518795.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
