Loading
React useMemo vs useCallback: What's the Difference and When to Use Each?
Confused between useMemo and useCallback in React? Learn the key differences, when to use each, and how they improve performance with real-world examples.
Learn it from developers who built it.
Tutorials, how-tos and deep dives on AI, .NET, C#, cloud and developer tools, written by the community.
Confused between useMemo and useCallback in React? Learn the key differences, when to use each, and how they improve performance with real-world examples.
Everything on React, not only its articles: the React page →
Ever wondered why React throws errors when you use hooks inside loops or if statements? Learn the rules of hooks and how to structure your code properly to avoid bugs.
Learn how to use Middleware in Next.js to handle authentication, redirects, geolocation, and more—before your request reaches the page or API route.
Learn how routing works in Next.js using the Pages Router. Discover how to create dynamic routes, nested paths, and handle navigation seamlessly in your Next.js apps with minimal configuration.
Struggling with useEffect running multiple times in React? Learn the real reasons behind multiple executions and how to control it using dependency arrays and best practices.
Discover how to use useRef in React to access DOM elements, store mutable values, and optimize performance. Learn real-world examples and best practices.
Wondering when to use useEffect in React? This guide explains the most common use cases like fetching data, subscriptions, and more—with examples and best practices.
Learn the key differences between useState and useReducer in React. This guide explains when to use each hook with real-world examples, pros and cons, and best practices.
Learn exactly when and how to use each React hook — including useState, useEffect, useRef, and more — with real-world examples. Boost your React skills with this practical guide to hooks.
This article explores React Hooks—functions that enable state, side effects, context, and more in functional components—covering built-in hooks, lifecycle replacements, custom hook creation, and common best practices.
Learn how to manage global state in React using built-in hooks like useContext and useReducer. No need for Redux! Get practical examples and best practices.
This article explores how React Hooks work with a perfectly practical guide for beginners. This article explains React Hooks—functions like useState, useEffect, and useContext—that enable state management, side effects, and reusable logic in functional components for cleaner, efficient React applications.
Learn how to display and export user data as a PDF in a React app using react-data-table-component, jspdf, and jspdf-autotable. Add sorting, pagination, and download functionality with ease. 3/3
Learn when to use React useReducer instead of useState, with TypeScript examples for counters and complex forms with validation and reset actions.
This article breaks down how wrapper components work in React, showing you how to build flexible, reusable UI pieces without losing your mind or your types. Learn how to pass props, handle refs, and keep your components clean and powerful.
Learn how React’s useRef hook helps you persist values and directly access DOM elements across renders. Perfect for managing focus, timers, or mutable state without triggering UI updates.
How React hooks really work, and how to use them like someone who knows what they're doing. From basics to real-world cases.
You’ve seen children all over React code, but no one told you how to actually use it well. This is your real-world guide to doing it right, less theory, more code you’d actually ship.
There is no need to re-render child components every time value on parent component changed, that's where React brings memo.
Learn the basics of React components and how they help build dynamic user interfaces. This beginner-friendly guide introduces you to functional components, props, and component structures to kickstart your journey in React development.
Learn how to set up your first React + TypeScript apps in VSCode using CRA and Vite. Follow simple steps to get started fast with both popular tools.
Learn how to export table data to a CSV file in a React application using Axios for data fetching and the react-csv library for easy CSV generation.
Learn how to use `props.children` in React to pass elements, text, or components between tags. Enhance flexibility, create reusable layouts, and apply styles or logic using `cloneElement` and fallbacks.
In React, components are the building blocks of your application. They help you break down the UI into manageable pieces. To make these components reusable and dynamic, React uses something called props. Let's understand props.
How React updates the UI when your data changes? Let's explore how to use variables, props, state, and expressions to display dynamic values, all with practical examples.
This article breaks down the process from JSX to virtual DOM diffing and updates making it easier to understand how React efficiently updates the UI in response to data changes.
This article walks you through setting up the project, understanding key files like App.js and index.js, and running your app locally. Perfect for those starting with React and modern web development.
this article is basic about class component and its functionality based
The user interface of every React application we develop, gets broken down into Components. Each React application we develop will be comprising of multiple components.
Write an article and earn +1,000 SHARP when it is approved.
Write an article
