Topic archive
React
Modern React tutorials covering hooks, rendering performance, state management, routing, component patterns, and React 19 APIs.
23 articles
Start here
React 19 Hooks Guide: Examples for Every Built-in Hook
Learn every React 19 hook—useActionState, useOptimistic, useTransition, useDeferredValue, useInsertionEffect, use(), and the classics—with copy-paste TypeScript examples.
Read articleAll React articles
React Profiler Component: Find Performance Bottlenecks
Master React Profiler for performance optimization. Learn to identify and fix unnecessary re-renders and expensive computations with real-world examples using React's built-in Profiler component.
Read moreReact useMemo vs memo: Differences and Examples
Learn the differences between React's useMemo and memo, their use cases, and how to optimize performance in your React applications.
Read moreReact useReducer Hook: State Management Examples
Learn how to use the React useReducer hook effectively with examples, including async actions, fetching data, and cleanup. Perfect for developers looking to enhance their React skills.
Read moreReact useDeferredValue Hook: Practical Examples
Learn how React useDeferredValue keeps input responsive during expensive renders, with search examples, stale-state indicators, and guidance on when not to use it.
Read moreReact Router v7: The Modern Navigation Framework
Master React Router v7 with this comprehensive guide covering nested routing, data loading, SEO optimization, and migration from v6.
Read moreNew React 19 Features
Discover the new features in React 19, including Server Components, Actions, and the use() hook. Learn how to leverage these updates for better performance and SEO.
Read moreReact useCallback Hook: Easy Guide
Learn how to use the React useCallback hook effectively to optimize performance and manage state in your React applications. Clear, concise, and beginner-friendly guide.
Read moreReact useEffect Hook Easy Guide
Learn everything about the React useEffect hook, including fetching data, handling async operations, and cleanup. Perfect for developers looking to deepen their React skills.
Read moreReact useRef Hook
Learn about React's useRef hook with easy-to-understand explanations and real-world examples. Understand when to use useRef for direct DOM manipulation and persisting values without re-renders.
Read moreRedux Toolkit: configureStore, createSlice, createAsyncThunk
Unlock the power of Redux Toolkit with our comprehensive guide on configureStore, createSlice, and createAsyncThunk. Perfect for developers of all levels!
Read moreReact useActionState Hook
Learn how to use React's useActionState hook to manage form submissions and async state changes effortlessly. This guide includes easy-to-understand examples for senior React developers.
Read moreReact Activity Component
Learn about the React Activity component, a powerful tool for pre-rendering UI, preserving state, and improving user experience with real-world React examples.
Read moreuseWindowSize Hook in React
Explore expert-level strategies to implement, optimize, and extend the useWindowSize hook in React. Includes performance optimizations, TypeScript integration, and SSR solutions.
Read moreuseDebounce Hook in React
Explore advanced techniques to create a performant useDebounce hook in React JS. Optimize API calls, UI responsiveness, and state management with expert strategies.
Read moreReact XState Hooks: A Comprehensive Guide
Learn how to use React XState hooks like createActorContext, useSelector, useActorRef, useActor, and useMachine to build robust state management solutions. Perfect for developers!
Read moreXState React: State Machines and Statecharts
Discover how to use XState React for state management with state machines and statecharts. Learn best practices, examples, and advanced techniques to build scalable and maintainable React apps.
Read moreReact Zustand State Management
Discover how to use Zustand for React state management. This guide covers everything from basics to advanced techniques, making it perfect for developers.
Read moreReact Jotai State Management
Discover how Jotai simplifies React state management. Learn the basics, advanced techniques, and best practices to enhance your React applications.
Read moreEssential React Design Patterns for Scalable Apps
This in-depth guide explores React design patterns: Compound Components, Render Props, Higher-Order Components (HOCs), Custom Hooks, and Controlled Components. Learn how to leverage each pattern's strengths, mitigate weaknesses, and select the optimal approach for your React projects.
Read moreReact useMemo Hook: A Deep Dive with Real-World Example
Learn how to effectively use the React useMemo hook to optimize performance in your applications. Discover practical examples and best practices.
Read moreReact useTransition Hook: A Deep Dive with Real-World Example
In this article, we explore the useTransition hook in React, a powerful tool for optimizing performance during user interactions. Through a practical example of a search component, we will demonstrate how to implement this hook.
Read moreuseSyncExternalStore Hook in React: A Comprehensive Guide
Learn how to use the powerful useSyncExternalStore hook in React to seamlessly synchronize your component state with external data stores like localStorage. Discover the benefits, syntax, and inner workings of this hook, and explore practical examples to help you effectively manage persistent state and enable cross-tab communication in your React applications.
Read more