Find the detailed version of this roadmap
 Personal Recommendation / Opinion

 Alternative Option - Pick this or purple

 Order in roadmap not strict (Learn anytime)

 I wouldn't recommend
along with resources and other roadmaps
React
https : // roadmap.sh
Visit JavaScript Roadmap


 Important Note / Click here

Vite
Class Components
CLI Tools
 Create React App

Components
Functional Components
Components Basics
Component Life Cycle
JSX
Lists and Keys




Recoil
Conditional Rendering
Refs
 Redux / Toolkit



Zustand


Context
Props vs State
Rendering
Render Props
MobX


Composition
Events
High Order Components
Basic Hooks
useState
Routers
State Management
Hooks
Emotion


 React Router

Styled Components




Writing Custom Hooks
Reach Router
useRef
useMemo


Urql




useReducer


Material UI
Relay
Next.js
Frameworks


Tailwind






Mantine
Apollo
Remix
Common Hooks
useCallback
Styling
useE!ect
useContext


Chakra UI


Jest
Vitest
.......


 React Testing Library

GraphQL
API Calls
Forms
Testing
REST
SWR


react-query


Axios


superagent


Cypress


React Hook Form


Playwright


Formik


Final Form


React Native
Suspense
Mobile
Portals
Error Boundaries
Fiber Architecture
Advanced Topics
Visit the Frontend Developer Roadmap for more
Frontend Roadmap