0% found this document useful (0 votes)
29 views

React

This document provides a roadmap for learning React. It includes sections for learning core React concepts like components, props, and state. It also includes sections for additional topics like styling, routing, testing, and frameworks. The roadmap notes that the order is not strict and topics can be learned anytime. It recommends visiting other roadmaps like the JavaScript roadmap and Frontend roadmap for additional resources.

Uploaded by

Pop Stroke
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
29 views

React

This document provides a roadmap for learning React. It includes sections for learning core React concepts like components, props, and state. It also includes sections for additional topics like styling, routing, testing, and frameworks. The roadmap notes that the order is not strict and topics can be learned anytime. It recommends visiting other roadmaps like the JavaScript roadmap and Frontend roadmap for additional resources.

Uploaded by

Pop Stroke
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 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