Learn
Newsletter
Roadmaps
New
Search
⌘K
Toggle theme
Toggle theme
Toggle menu
React Roadmap
What is React & Why Use It
JSX Basics
State & setState
Foundations
Setting up Environment (Node.js, npm, Vite/Create React App)
Components & Props
Rendering & Reconciliation
Functional vs Class Components
Conditional Rendering
Forms & Controlled Components
Core Concepts
Component Lifecycle (Class & Functional)
Lists & Keys
Lifting State Up
useState
useRef
useReducer
Hooks
useEffect
useContext
Custom Hooks
Higher Order Components (HOCs)
Portals
Code Splitting & Lazy Loading
Advanced React
Render Props
Error Boundaries
Concurrent Mode & Suspense
Context API
MobX
Zustand
State Management
Redux Toolkit
Recoil
Server State (React Query, SWR)
React Router Basics
Dynamic Routing
Next.js Routing (Pages, App Router)
Routing
Nested Routes
Protected Routes
CSS Modules
Emotion
UI Libraries (Material UI, Chakra UI, Ant Design)
Styling in React
Styled Components
Tailwind CSS
Unit Testing with Jest
Cypress for End-to-End Testing
Testing React Apps
React Testing Library
Mocking APIs in Tests
React.memo & useMemo
Virtualization (react-window, react-virtualized)
Avoiding Re-renders
Performance Optimization
useCallback
Profiling React Apps
Next.js for SSR & SSG
React Native for Mobile Apps
Vite & Modern Build Tools
React Ecosystem
Gatsby for Static Sites
Storybook for UI Components
Todo App
E-commerce Store
Dashboard with Charts
Projects
Weather App with API
Blog with Authentication
Social Media Clone
React Core Concepts Q&A
Performance Optimization Scenarios
System Design for React Apps
Interview Preparation
Hooks & State Management Questions
React Router & Navigation Questions
Case Studies (React at Facebook, Netflix, Airbnb)
