React Roadmap

Why learn React?

• Hype, Job, Trend, Build UI

• Makes easy to manage & build complex front-end

When should I learn React?

• After mastering JS (recommendation Chai aur JavaScript)

• Most projects don't need to react in the initial place.

Why react was created?

• Ghost (or Phantom) message Problem

• State (fancy name for variable) -> JS (JS manage State)

• UI -> DOM (DOM manage UI)

Don't learn react if:

• You don't know how JS works OR DOM works (Refer: Watch my Browser inner working video)

React learning process:

• Go in-depth

  • Babel, Fiber, Virtual DOM, Diff algo, Hydration

• By making projects (one topic at a time)

  • Todo, Calculator, GitHub API,..

React is a library

• Framework VS Library

Topics to learn

• The core of React (state OR UI manipulation, JSX)

• Component Reusability

• Reusing of components (Props)

• How to propagate change (hooks)

Additional add-on to React

• Router (React doesn't have Router)

• State management (React doesn't have state management)

  • Redux, Redux toolkit, Zustand, context API

• Class based component

  • legacy code 🥹

• BAAS Apps (Backend as a Service) - Firebase, Appwrite, Superbase

  • Social media clone, E-Commerce App,...

Helpful open-source "freeAPI.app" while learning react.

After React

• React is not a complete solution in most case

  • No SEO, browser Render of JS, No Routing.

  • Framework (like NextJS, Gatsby, Remix)

Watch ReactJS Roadmap by Hitesh Choudhary