Scribd
Upload
564 views1 page

React Roadmap

This document provides a roadmap for learning React. It includes fundamental topics like JSX, components, props, and state. It also includes advanced topics like hooks, context, and testing. The order is not strict, and alternatives are suggested. The roadmap covers React core concepts as well as related topics like routing, styling, state management, and more.

Uploaded by

Zerihun
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
564 views1 page

React Roadmap

This document provides a roadmap for learning React. It includes fundamental topics like JSX, components, props, and state. It also includes advanced topics like hooks, context, and testing. The order is not strict, and alternatives are suggested. The roadmap covers React core concepts as well as related topics like routing, styling, state management, and more.

Uploaded by

Zerihun
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

 Personal Recommendation / Opinion Find the detailed version of this roadmap



 Alternative Option - Pick this or purple along with resources and other roadmaps

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

Create React App


Component Life Cycle
JSX
Functional Components Lists and Keys
Fundamental Topics
Components
Class Components Composition vs Inheritance
Props vs State
Basic Hooks
Conditional Rendering
useState useEffect
Writing your Own Hooks
Hooks
Advanced Topics High Order Components
Common Hooks
Context
useCallback useRef Portals
Refs
useMemo Error Boundaries
Render Props 

useReducer Fiber Architecture
Code Splitting
useContext 

React Hook Form

Forms Formik



 React Router
Routers Ecosystem Final Form



 Reach Router
Testing
SSR

 Next.js Jest 

SSG React Testing Library 


 Gatsby State Management


 Cypress 

Apollo 

GraphQL

Context / State

 Relay Modern
API Calls Redux



 


 Axios MobX
REST API Calls

Chakra UI


 Unfetch 
 use-http Material UI


Styling


 superagent Hooks based implementation
Ant Design




Styled Components

 React Native Mobile


Emotion

Keep Learning

You might also like