Find the detailed version of this roadmap
Personal Recommendation (Opinion) along with other similar roadmaps
Alternative Option (Pick this or purple)
Order in Roadmap not strict (Learn anytime) React [Link]
Make sure to learn the "Beginner" topics
of the JavaScript roadmap before you start
There used to be "Class Components" JavaScript Roadmap learning React.
which React doesn't recommend any
more. You don't need to learn about them
but you might still notice them in some
legacy projects
CLI Tools Vite
Functional Components Components Rendering
JSX Component Lifecycle
useCallback useRef useState
Props vs State Lists and Keys
useReducer useMemo useEffect
Conditional Rendering Basic Hooks Render Props
useContext
Composition Refs
Common Hooks
Component Basics Events
Creating Custom Hooks
Hooks High Order Components
Hooks Best Practices
MobX
Material UI
Panda CSS Context Routers
Chakra UI
CSS Modules Zustand
Shadcn UI React Router
Tailwind CSS Jotai
Tanstack Router
Component / Libraries Writing CSS State Management
Radix UI react-router
Headless Component Libraries React Aria Vitest Jest Astro
Ark UI react-testing-library [Link]
API Calls Testing Frameworks
Cypress
Apollo react-query
Playwright
Relay Axios swr
urql rtk-query
GraphQL REST TypeScript Forms
Zod
React Hook Form
Advanced Topics Types & Validation Formik
Animation Error Boundaries
React Native
Server APIs
Framer Motion
Suspense
react spring
Portals Mobile Applications
GSock
Have a look at the following related roadmaps
Frontend Roadmap TypeScript Roadmap
