React

119 highly-curated topics available for revision.

/

1. Fundamentals

JSX

Medium

JSX concept in React

2 min read

Components

Medium

Components concept in React

2 min read

Functional Components vs Class Components

Medium

Functional Components vs Class Components concept in React

2 min read

Props

Medium

Props concept in React

2 min read

Props vs State

Medium

Props vs State concept in React

2 min read

Children Prop

Medium

Children Prop concept in React

2 min read

Component Composition

Medium

Component Composition concept in React

2 min read

Conditional Rendering

Medium

Conditional Rendering concept in React

2 min read

Lists and Keys

Medium

Lists and Keys concept in React

2 min read

Fragments

Medium

Fragments concept in React

2 min read

2. State & Events

State

Medium

State concept in React

2 min read

useState

Medium

useState concept in React

2 min read

State Updates

Medium

State Updates concept in React

2 min read

Functional State Updates

Medium

Functional State Updates concept in React

2 min read

State Batching

Medium

State Batching concept in React

2 min read

Event Handling

Medium

Event Handling concept in React

2 min read

Event Propagation

Medium

Event Propagation concept in React

2 min read

Controlled vs Uncontrolled Components

Medium

Controlled vs Uncontrolled Components concept in React

2 min read

3. Hooks

Hooks Overview

Medium

Hooks Overview concept in React

2 min read

Rules of Hooks

Medium

Rules of Hooks concept in React

2 min read

useState

Medium

useState concept in React

2 min read

useEffect

Medium

useEffect concept in React

2 min read

useContext

Medium

useContext concept in React

2 min read

useReducer

Medium

useReducer concept in React

2 min read

useRef

Medium

useRef concept in React

2 min read

useMemo

Medium

useMemo concept in React

2 min read

useCallback

Medium

useCallback concept in React

2 min read

useLayoutEffect

Medium

useLayoutEffect concept in React

2 min read

useId

Medium

useId concept in React

2 min read

useImperativeHandle

Medium

useImperativeHandle concept in React

2 min read

Custom Hooks

Medium

Custom Hooks concept in React

2 min read

4. Effects & Lifecycle

Component Lifecycle

Medium

Component Lifecycle concept in React

2 min read

useEffect Lifecycle

Medium

useEffect Lifecycle concept in React

2 min read

Effect Cleanup

Medium

Effect Cleanup concept in React

2 min read

Effect Dependencies

Medium

Effect Dependencies concept in React

2 min read

When Not to Use useEffect

Medium

When Not to Use useEffect concept in React

2 min read

Stale Closures

Medium

Stale Closures concept in React

2 min read

Race Conditions in Effects

Medium

Race Conditions in Effects concept in React

2 min read

5. Rendering & Reconciliation

Render Phase vs Commit Phase

Medium

Render Phase vs Commit Phase concept in React

2 min read

Re-rendering

Medium

Re-rendering concept in React

2 min read

Reconciliation

Medium

Reconciliation concept in React

2 min read

Virtual DOM

Medium

Virtual DOM concept in React

2 min read

React Fiber

Medium

React Fiber concept in React

2 min read

Keys and Reconciliation

Medium

Keys and Reconciliation concept in React

2 min read

State Preservation

Medium

State Preservation concept in React

2 min read

Strict Mode

Medium

Strict Mode concept in React

2 min read

6. Context

Context API

Medium

Context API concept in React

2 min read

createContext

Medium

createContext concept in React

2 min read

useContext

Medium

useContext concept in React

2 min read

Context Re-rendering

Medium

Context Re-rendering concept in React

2 min read

Context vs Props

Medium

Context vs Props concept in React

2 min read

Context vs State Management

Medium

Context vs State Management concept in React

2 min read

7. Refs & DOM

Refs

Medium

Refs concept in React

2 min read

useRef vs useState

Medium

useRef vs useState concept in React

2 min read

forwardRef

Medium

forwardRef concept in React

2 min read

DOM Manipulation with Refs

Medium

DOM Manipulation with Refs concept in React

2 min read

Callback Refs

Medium

Callback Refs concept in React

2 min read

8. Performance

React Performance Optimization

Medium

React Performance Optimization concept in React

2 min read

React.memo

Medium

React.memo concept in React

2 min read

useMemo vs useCallback

Medium

useMemo vs useCallback concept in React

2 min read

Memoization

Medium

Memoization concept in React

2 min read

Avoiding Unnecessary Re-renders

Medium

Avoiding Unnecessary Re-renders concept in React

2 min read

Component Splitting

Medium

Component Splitting concept in React

2 min read

Lazy Loading

Medium

Lazy Loading concept in React

2 min read

React.lazy

Medium

React.lazy concept in React

2 min read

Code Splitting

Medium

Code Splitting concept in React

2 min read

Suspense

Medium

Suspense concept in React

2 min read

Profiler

Medium

Profiler concept in React

2 min read

9. Forms

React Forms

Medium

React Forms concept in React

2 min read

Controlled Forms

Medium

Controlled Forms concept in React

2 min read

Uncontrolled Forms

Medium

Uncontrolled Forms concept in React

2 min read

Form Validation

Medium

Form Validation concept in React

2 min read

Handling Multiple Inputs

Medium

Handling Multiple Inputs concept in React

2 min read

10. Advanced Patterns

Higher-Order Components

Medium

Higher-Order Components concept in React

2 min read

Render Props

Medium

Render Props concept in React

2 min read

Compound Components

Medium

Compound Components concept in React

2 min read

Container vs Presentational Components

Medium

Container vs Presentational Components concept in React

2 min read

Component Inversion

Medium

Component Inversion concept in React

2 min read

Error Boundaries

Medium

Error Boundaries concept in React

2 min read

Portals

Medium

Portals concept in React

2 min read

Suspense Boundaries

Medium

Suspense Boundaries concept in React

2 min read

Reusable Component Patterns

Medium

Reusable Component Patterns concept in React

2 min read

11. State Management

Local vs Global State

Medium

Local vs Global State concept in React

2 min read

Lifting State Up

Medium

Lifting State Up concept in React

2 min read

Derived State

Medium

Derived State concept in React

2 min read

Redux

Medium

Redux concept in React

2 min read

Redux Toolkit

Medium

Redux Toolkit concept in React

2 min read

Zustand

Medium

Zustand concept in React

2 min read

Server State vs Client State

Medium

Server State vs Client State concept in React

2 min read

React Query / TanStack Query

Medium

React Query / TanStack Query concept in React

2 min read

12. React DOM

React DOM

Medium

React DOM concept in React

2 min read

createRoot

Medium

createRoot concept in React

2 min read

Hydration

Medium

Hydration concept in React

2 min read

Client-Side Rendering

Medium

Client-Side Rendering concept in React

2 min read

Event Delegation

Medium

Event Delegation concept in React

2 min read

13. Server-Side Rendering

SSR

Medium

SSR concept in React

2 min read

CSR vs SSR

Medium

CSR vs SSR concept in React

2 min read

SSG vs SSR

Medium

SSG vs SSR concept in React

2 min read

Hydration

Medium

Hydration concept in React

2 min read

Hydration Mismatch

Medium

Hydration Mismatch concept in React

2 min read

React Server Components

Medium

React Server Components concept in React

2 min read

Server Components vs Client Components

Medium

Server Components vs Client Components concept in React

2 min read

Streaming SSR

Medium

Streaming SSR concept in React

2 min read

14. Testing

React Testing Basics

Medium

React Testing Basics concept in React

2 min read

React Testing Library

Medium

React Testing Library concept in React

2 min read

Unit vs Integration Testing

Medium

Unit vs Integration Testing concept in React

2 min read

Mocking API Calls

Medium

Mocking API Calls concept in React

2 min read

Testing Hooks

Medium

Testing Hooks concept in React

2 min read

Snapshot Testing

Medium

Snapshot Testing concept in React

2 min read

15. Interview Patterns

Prop Drilling

Medium

Prop Drilling concept in React

2 min read

State Colocation

Medium

State Colocation concept in React

2 min read

Single Source of Truth

Medium

Single Source of Truth concept in React

2 min read

Unidirectional Data Flow

Medium

Unidirectional Data Flow concept in React

2 min read

Declarative vs Imperative UI

Medium

Declarative vs Imperative UI concept in React

2 min read

Controlled vs Uncontrolled

Medium

Controlled vs Uncontrolled concept in React

2 min read

useEffect vs Event Handler

Medium

useEffect vs Event Handler concept in React

2 min read

useMemo vs useCallback vs React.memo

Medium

useMemo vs useCallback vs React.memo concept in React

2 min read

Context vs Redux

Medium

Context vs Redux concept in React

2 min read

React Rendering Mental Model

Medium

React Rendering Mental Model concept in React

2 min read