Scribd
Upload
3 views8 pages

React Journey

The document outlines a comprehensive React roadmap, categorizing skills and tools into basic, moderate, intermediate, and advanced levels. It includes essential topics such as JSX, components, state management, API calls, and testing, along with recommended libraries and frameworks like Bootstrap and Next.js. The roadmap emphasizes the importance of mastering HTML, CSS, and JavaScript before diving into frontend frameworks and suggests continuous learning through projects and resources from experienced developers.

Uploaded by

Johan NZALI
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
3 views8 pages

React Journey

The document outlines a comprehensive React roadmap, categorizing skills and tools into basic, moderate, intermediate, and advanced levels. It includes essential topics such as JSX, components, state management, API calls, and testing, along with recommended libraries and frameworks like Bootstrap and Next.js. The roadmap emphasizes the importance of mastering HTML, CSS, and JavaScript before diving into frontend frameworks and suggests continuous learning through projects and resources from experienced developers.

Uploaded by

Johan NZALI
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/ 8

Saif Mujawar

@webbysaif

React
Roadmap
Saif Mujawar
@webbysaif

Functional Class

JSX Props and state


components

BASIC

LISTs
Conditonal
LifeCycle Rendering
Saif Mujawar
@webbysaif

Bootstrap Material UI Bulma


npm yarn pnpm

webpack Chakra UI
Package Managers
and others

Build Tools
styling CSS Frameworks

Moderate

Hooks

useState useEffect useRef

useMemo useCallback
Saif Mujawar
@webbysaif

superagent
Reach Routers
React Routers

Axios Unfetch
React
Routers
Native

API Calls
Mobile

Forms

Intermediate

Advance Hooks
Custom Hooks

useLayoutEffect useContext useReducer


Saif Mujawar
@webbysaif
React Testing
Library Cypress
React Final Form
React Routers
MobX

Jest Formik
Redux

Context/ state React Hook Form


Testing

State Management complex Forms


Management

Advance

Error Boundaries Component Patterns Portals

Higher order render props Compound


Components Component
Saif Mujawar
@webbysaif

SWR
Oh yes you are still young😉

Apollo GraphQL

React Query
Now known as
Tanstack Query

Advance API
Management

Further On

SSG/SSR

Next JS

Gatsby

Remix
Saif Mujawar
@webbysaif

React Routers

Build Projects by Get experties in


Googling very important
applying all you have and read blogs and articles by
learned Senior Developers

Up and on going

Last but not the least learn


HTML, CSS and JavaScript
thoroughly before starting any
frontend frameworks/libraries

Learn React native if you are


interested in building mobile
apps😍
Saif Mujawar
@webbysaif Turn on the notifications

Hope you enjoyed the roadmap

Saif Mujawar
@webbysaif

Follow for more

You might also like