Roadmaps Best Practices Guides Videos ⌘K Login Sign Up

React Developer
Everything that is there to learn about React and the ecosystem in 2023.

← All Roadmaps Download Subscribe Suggest Changes

0% DONE 0 completed · 0 in progress · 0 skipped · 69 Total Track Progress

Personal Recommendation / Opinion Find the detailed version of this roadmap

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

useEffect

Emotion React Router Writing Custom Hooks

Remix
Styled Components Reach Router
Common Hooks
Next.js
useCallback useRef
Styling Tailwind
useMemo
Material UI Frameworks

CSS Modules useReducer

Mantine
useContext .......
Chakra UI
Apollo

Relay
Jest Vitest
Urql
React Testing Library
GraphQL

Forms
API Calls Testing

Cypress React Hook Form

REST

SWR Playwright Formik

react-query Final Form

React Native
Axios
Suspense

superagent
Mobile Portals

rtk-query
Error Boundaries

Fiber Architecture

Advanced Topics

Visit the Frontend Developer Roadmap for more

Frontend Roadmap

Related Roadmaps All Roadmaps →

Frontend Step by step guide to becoming a frontend developer in 2023

JavaScript Step by step guide to learn JavaScript in 2023

Angular Step by step guide to become a Angular Developer in 2023

Vue Step by step guide to become a Vue Developer in 2023

Node.js Step by step guide to becoming a Node.js developer in 2023