--- title: "#usecallback articles | Hashnode" description: "Explore 78 articles tagged #usecallback on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/usecallback" --- Tag # #usecallback 78 posts · 0 followers [Payal Porwal](https://hashnode.com/@PayalPorwal) · [Oct 1](https://hashnode.com/posts/16-react-useref-and-usereducer-explained-complete-beginner-friendly-guide-with-real-world-examples/6abe46b8c0a1d452d3d44659) ### [16\. React useRef and useReducer Explained: Complete Beginner-Friendly Guide with Real-World Examples](https://codeswithpayal.hashnode.dev/16-react-useref-and-usereducer-explained-complete-beginner-friendly-guide-with-real-world-examples?utm_source=hashnode&utm_medium=feed) Learn React useRef and useReducer with simple examples, real-world use cases, syntax, key concepts, and FAQs for beginners. 19 min read · [codeswithpayal.hashnode.dev](https://codeswithpayal.hashnode.dev/16-react-useref-and-usereducer-explained-complete-beginner-friendly-guide-with-real-world-examples?utm_source=hashnode&utm_medium=feed) [Mohd Sameer](https://hashnode.com/@sameer19) · [Aug 31](https://hashnode.com/posts/state-management-context-api-prop-drilling-react-memo-usememo-and-usecallback/6a95283e4823bb9b7990d9e6) ### [State Management: Context API, Prop Drilling, React.memo, useMemo, and useCallback](https://mohd-sameer.hashnode.dev/state-management-context-api-prop-drilling-react-memo-usememo-and-usecallback?utm_source=hashnode&utm_medium=feed) Why does managing state become difficult as applications grow? In small React apps, passing props feels natural. But as component trees grow, state management quickly becomes a tangled web of prop dri 5 min read · [mohd-sameer.hashnode.dev](https://mohd-sameer.hashnode.dev/state-management-context-api-prop-drilling-react-memo-usememo-and-usecallback?utm_source=hashnode&utm_medium=feed) [Shahbaz Ahmed](https://hashnode.com/@shahbazahmed) · [Aug 29](https://hashnode.com/posts/state-management-context-api-prop-drilling-react-memo-usememo-and-usecallback/6a931493bc64535b036b8aa2) ### [State Management: Context API, Prop Drilling, React.memo, useMemo, and useCallback](https://fundamentalsofreact.hashnode.dev/state-management-context-api-prop-drilling-react-memo-usememo-and-usecallback?utm_source=hashnode&utm_medium=feed) Why State Management Becomes Difficult? State management becomes difficult as applications grow because the distance between where state lives and where it’s needed increases, forcing developers into 23 min read · [fundamentalsofreact.hashnode.dev](https://fundamentalsofreact.hashnode.dev/state-management-context-api-prop-drilling-react-memo-usememo-and-usecallback?utm_source=hashnode&utm_medium=feed) [Ved Pandey](https://hashnode.com/@Ved-Pandey) · [Aug 18](https://hashnode.com/posts/state-management-context-api-prop-drilling-react-memo-usememo-and-usecallback/6a84add052994f879090d75a) ### [State Management: Context API, Prop Drilling, React.memo, useMemo, and useCallback](https://vedpandeydev.hashnode.dev/state-management-context-api-prop-drilling-react-memo-usememo-and-usecallback?utm_source=hashnode&utm_medium=feed) A guide for beginners to understand common react problems like prop drilling Solutions to these problems and when those solutions shouldn't be used 18 min read · [vedpandeydev.hashnode.dev](https://vedpandeydev.hashnode.dev/state-management-context-api-prop-drilling-react-memo-usememo-and-usecallback?utm_source=hashnode&utm_medium=feed) [3](https://hashnode.com/posts/state-management-context-api-prop-drilling-react-memo-usememo-and-usecallback/6a84add052994f879090d75a) [Syncfusion, Inc.](https://hashnode.com/@Syncfusion-blogs) · [Aug 11](https://hashnode.com/posts/react-compiler-explained-do-you-still-need-usememo-usecallback-and-react-memo/6a7adb1f3cbefcb3f16792e2) ### [React Compiler Explained: Do You Still Need useMemo, useCallback, and React.memo?](https://syncfusion-blogs.hashnode.dev/react-compiler-explained-do-you-still-need-usememo-usecallback-and-react-memo?utm_source=hashnode&utm_medium=feed) Learn how React Compiler changes memoization, when useMemo, useCallback, and React.memo still matter, and how to optimize performance. 9 min read · [syncfusion-blogs.hashnode.dev](https://syncfusion-blogs.hashnode.dev/react-compiler-explained-do-you-still-need-usememo-usecallback-and-react-memo?utm_source=hashnode&utm_medium=feed) [Kushagra Trivedi](https://hashnode.com/@kushagratrvd) · [Jul 31](https://hashnode.com/posts/state-management-context-api-prop-drilling-react-memo-usememo-and-usecallback/6a6cd2e4e5485a743583d5c3) ### [State Management: Context API, Prop Drilling, React.memo, useMemo, and useCallback](https://kushagrablogs.hashnode.dev/state-management-context-api-prop-drilling-react-memo-usememo-and-usecallback?utm_source=hashnode&utm_medium=feed) Why does managing state become difficult as applications grow? When you build your first React component, state feels simple. One component, a useState, some JSX. But the moment you need to share that 13 min read · [kushagrablogs.hashnode.dev](https://kushagrablogs.hashnode.dev/state-management-context-api-prop-drilling-react-memo-usememo-and-usecallback?utm_source=hashnode&utm_medium=feed) [SUPRABHAT](https://hashnode.com/@Suprabhatt) · [Jul 18](https://hashnode.com/posts/mastering-react-state-management-context-api-prop-drilling-and-performance-hooks/6a5b9684b8ea5767d0ecdfa5) ### [Mastering React State Management: Context API, Prop Drilling, and Performance Hooks](https://blog.suprabhat.site/mastering-react-state-management-context-api-prop-drilling-and-performance-hooks?utm_source=hashnode&utm_medium=feed) When you first learn React, building a simple counter or a to-do list feels like magic. You declare a piece of state, update it, and the UI magically reflects the change. But as your application grows 10 min read · [blog.suprabhat.site](https://blog.suprabhat.site/mastering-react-state-management-context-api-prop-drilling-and-performance-hooks?utm_source=hashnode&utm_medium=feed) [Kanishka Shashi](https://hashnode.com/@Kshashi22) · [Jul 7](https://hashnode.com/posts/state-management-in-react-context-api-prop-drilling-react-memo-usememo-and-usecallback/6a4d3198c32aa93c726e5380) ### [State Management in React: Context API, Prop Drilling, React.memo, useMemo, and useCallback](https://nodej.hashnode.dev/state-management-in-react-context-api-prop-drilling-react-memo-usememo-and-usecallback?utm_source=hashnode&utm_medium=feed) Why Does Managing State Become Difficult as Applications Grow? Imagine you're building a simple React application. It starts with just a few components—a login page, a navigation bar, and a dashboard. 11 min read · [nodej.hashnode.dev](https://nodej.hashnode.dev/state-management-in-react-context-api-prop-drilling-react-memo-usememo-and-usecallback?utm_source=hashnode&utm_medium=feed) [Ashish Kumar](https://hashnode.com/@helloashish) · [May 6](https://hashnode.com/posts/react-memo-usememo-usecallback-when-they-help-vs-hurt/69fa8b8f10483a73dec656cd) ### [React.memo, useMemo, useCallback: When They Help vs Hurt](https://helloashish.hashnode.dev/react-memo-usememo-usecallback-when-they-help-vs-hurt?utm_source=hashnode&utm_medium=feed) Most React memoization is premature. useMemo on every derived value, useCallback on every function, React.memo on every component — this pattern adds comparison overhead and memory cost on every rende 10 min read · [helloashish.hashnode.dev](https://helloashish.hashnode.dev/react-memo-usememo-usecallback-when-they-help-vs-hurt?utm_source=hashnode&utm_medium=feed) [Shailaja Tripathi](https://hashnode.com/@shailajatripathi) · [Feb 14](https://hashnode.com/posts/react-mastery-series-day-13/69900bed466a237821456cc5) ### [📘 React Mastery Series — Day 13](https://react-mastery-series.hashnode.dev/react-mastery-series-day-13?utm_source=hashnode&utm_medium=feed) useMemo vs useCallback — Stop Re-render Problems the Right Way If you’ve ever heard: “Your component is re-rendering unnecessarily.” Then today’s topic is for you. 🤔 Why Do We Need useMemo & useCallback? In React: Every render recreates function... 3 min read · [react-mastery-series.hashnode.dev](https://react-mastery-series.hashnode.dev/react-mastery-series-day-13?utm_source=hashnode&utm_medium=feed)