Scribd
Upload
3 views

React Roadmap

The document outlines a 30-day roadmap for learning React, covering essential topics such as components, state management, hooks, and performance optimization. Each day focuses on specific concepts and practical applications, culminating in building various applications like a Todo app and a weather app. The final days emphasize advanced topics like React server components and exploring the broader React ecosystem.

Uploaded by

naikpankaj603
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

React Roadmap

The document outlines a 30-day roadmap for learning React, covering essential topics such as components, state management, hooks, and performance optimization. Each day focuses on specific concepts and practical applications, culminating in building various applications like a Todo app and a weather app. The final days emphasize advanced topics like React server components and exploring the broader React ecosystem.

Uploaded by

naikpankaj603
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

30 Days Of React

RoadMap

Day 1 :-

● What and why of React


● Create a new React app using Vite
● Understanding the project structure

Day 2 :-

● Component driven architecture


● Types of components in react js

Day 3 :-

● Virtual DOM
● JSX

Day 4 :-

● Props
● How to pass data between two components

Day 5 :-

● State Management
● useState hook
Day 6 :-

● Event handling with react

Day 7 :-

● Parent child communication


● Component hierarchy

Day 8 :-

● Conditional Rendering

Day 9 :-

● List Rendering

Day 10 :-

● Key props when rendering lists

Day 11 :-

● Styling options in react

Day 12 :-

● Create a Todo application using react

Day 13 :-

● Form handling with controlled inputs


Day 14 :-

● Form handling with uncontrolled inputs

Day 15 :-

● useEffect hook

Day 16 :-

● Fetch data from an api using react

Day 17 :-

● Submit data from react form

Day 18 :-

● useContext hook for managing global state

Day 19 :-

● useReducer hook for more complex state management

Day 20 :-

● Build a weather app by fetching data from the OpenWeatherMap api

Day 21:-

● Optmize performance with react memo

Day 22 :-
● useMemo hook for managing expensive computations

Day 23 :-

● useCallback hook for optimizing callback functions

Day 24 :-

● useRef hook for accessing DOM elements in react

Day 25 :-

● Error boundaries to handle errors and display gracefully

Day 26 :-

● Portals for rendering components outside the normal DOM hierarchy

Day 27 :-

● Custom hooks to reuse logic across multiple components

Day 28 :-

● Build a quiz app with a backend of your choice to practice your skills

Day 29 :-

● React server components

Day 30 :-

● Explore react ecosystem

You might also like