You are on page 1of 1

Find the detailed version of this roadmap


 Personal Recommendation / Opinion
along with resources and other roadmaps

 Alternative Option - Pick this or purple


 Order in roadmap not strict (Learn anytime)
React https : // roadmap.sh
 I wouldn't recommend

Visit JavaScript Roadmap 


 Important Note / Click here


 Vite Class Components


 Create React App CLI Tools Components Functional Components 

Components Basics
Component Life Cycle
JSX
Lists and Keys

 Recoil Props vs State
Rendering
Render Props

 MobX
Conditional Rendering
Refs

 Redux / Toolkit
Composition
Events

 Zustand


 Context High Order Components
Basic Hooks

useState

State Management Routers Hooks


useE!ect

Emotion 
 
 React Router Writing Custom Hooks

Remix 

Styled Components 
 
 Reach Router
Common Hooks
Next.js 

useCallback useRef
Styling Mantine 

useMemo
Frameworks
Tailwind 

useReducer
Material UI 

useContext .......
Chakra UI 

Apollo 

Relay 


 Jest Vitest 

Urql 

GraphQL 
 React Testing Library

Forms
API Calls Testing

REST
Cypress 
 React Hook Form 

SWR 
 Playwright 
 Formik 

react-query 
 Final Form 

React Native
Axios 
 Suspense

superagent 
 Mobile Portals

Error Boundaries

Fiber Architecture

Advanced Topics

Visit the Frontend Developer Roadmap for more

Frontend Roadmap

You might also like