< Back To All Road Maps

React JS Roadmap

A complete step-by-step guide to learning React.

React JS Roadmap

A complete step-by-step guide to learning React.

Learn Front-End Basics

  • HTML
  • CSS
  • CSS frameworks
  • JavaScript

Core Developer Skills

  • Git Version Control
  • Github
  • Basic Linux Commands
  • REST APIs
  • Web Designing
  • What is node js?
  • What is npm?

React Basics

  • What is react?
  • How to setup react?
  • What is JSX in react?
  • React Components
  • State in react
  • Props in react
  • Keys and Map in react

React Intermediate

  • React Styling
  • React Form Handling
  • React Data Handling
  • React Hooks
  • React Custom Hooks
  • Context in React

React Advance

  • Lazy Loading in React
  • State Management in React
  • Portals in React
  • React Routers
  • Theming in React
  • React Best Practices

Keep Practicing Build Project

  • Notes App
  • Weather App
  • E-Commerce App
  • Photo Gallery App
  • Chat Application
  • Popular Social Media Clones