React Developer Roadmap
Learning Path & Competency Framework
Completed Module
Prerequisites
JavaScript Roadmap (Beginner topics)
Completed Module
CLI Tools
Vite
Completed Module
Components
Functional Components
JSX
Props vs State
Conditional Rendering
Composition
Component Basics
Completed Module
Hooks
Basic Hooks (useState, useEffect)
Common Hooks (useCallback, useMemo, useRef, useReducer, useContext)
Creating Custom Hooks
Hooks Best Practices
Completed Module
Rendering
Component Lifecycle
Lists and Keys
Render Props
Refs
Events
High Order Components
Completed Module
Routers
React Router
2
Tanstack Router
Completed Module
State Management
Zustand
Context
3
Jotai
4
MobX
Completed Module
Writing CSS
Tailwind CSS
CSS Modules
3
Panda CSS
Shadcn UI
Completed Module
API Calls
Tanstack Query (react-query)
Axios
3
SWR
4
GraphQL (Apollo, Relay, Urql)
Pending Module
Testing
1
Vitest
2
Jest
3
React Testing Library
4
Playwright
5
Cypress
Completed Module
Frameworks
Next.js
2
Astro
3
react-router (Remix)
Completed Module
Advanced Topics
Suspense
Error Boundaries
Portals
Server APIs
Pending Module
Animation
1
Framer Motion
2
GSAP
3
React Spring
Completed Module
Mobile Applications
React Native