Loading Inter font-family
Loading Josephine Sans font-family
Loading Hallywood font-family

React Roadmap

Showrin Barua
Showrin Barua / November 01, 2021
2 min read----

React Roadmap by Showrin

If you are a complete beginner and about to start learning react, this roadmap is for you.


Before starting with React, you should have some prior knowledge in the following JS Topics. Then your way to ReactJS will be smooth.

JS Topics

  • Hoisting
  • Scoping
  • Closure
  • Event Loop
  • Callback
  • Promise
  • Async Await
  • OOJS (Object-Oriented Javascript)
  • ES6 features (specially features related to array and object)



For beginners, I believe, React Doc itself is a good resource to start with. Hence, I gave a list of topics here according to React Official Doc.

React Topics

  • Hello World
  • Introducing JSX
  • Rendering Elements
  • Components and Props
  • State and Lifecycle
  • Handling Events
  • Conditional Rendering
  • Lists and Keys
  • Forms
  • Lifting State Up
  • Composition vs Inheritance
  • Thinking In React
  • Context
  • Refs
  • React hooks
    • Rules of hooks
    • useState
    • useEffect
    • useRef
    • useContext
    • useMemo
    • useCallback
    • Custom Hook
  • HOC (Higher Order Component)
  • Using Profiler
  • Controlled and Uncontrolled component
  • Code splitting
  • Error Boundary
  • Optimizing performance
  • React Lazy import



Stay Tuned To Get Latests