← Back to Roadmaps

Learning Topics

This roadmap covers the following topics:

✅ Prerequisites & Fundamentals
  • ⚪ HTML5 & CSS3 Mastery
    • ⚪ Semantic HTML Tags
    • ⚪ Flexbox & Grid Layouts
    • ⚪ CSS Animations & Transitions
  • ⚪ JavaScript ES6+ Fundamentals
    • ⚪ Variables & Data Types
    • ⚪ Functions & Arrow Syntax
    • ⚪ Asynchronous JavaScript
    • ⚪ Destructuring & Modules
  • ⚪ Developer Tools & Setup
    • ⚪ CLI & Terminal Skills
    • ⚪ Git & GitHub Workflow
    • ⚪ Package Managers
✅ Core React Concepts
  • ✅ Components & JSX
    • ⚪ Functional Components
    • ⚪ JSX Syntax & Expressions
    • ⚪ Component Composition
  • ✅ State & Props Management
    • ⚪ Props & Data Flow
    • ⚪ useState Hook
    • ⚪ Conditional Rendering
  • ⚪ React Hooks Mastery
    • ⚪ useEffect & Side Effects
    • ⚪ useContext & useReducer
    • ⚪ Performance Hooks
    • ⚪ Custom Hooks
✅ Advanced Topics & Ecosystem
  • ✅ Routing & Navigation
    • ⚪ React Router
    • ⚪ Dynamic Routes & Parameters
    • ⚪ Protected Routes
  • ⚪ State Management Solutions
    • ⚪ Zustand & Jotai
    • ⚪ Redux Toolkit
  • ✅ Data Fetching & APIs
    • ⚪ TanStack Query
    • ⚪ Axios & Fetch API
    • ⚪ SWR for Data Fetching
  • ⚪ Styling & UI Libraries
    • ⚪ Tailwind CSS
    • ⚪ CSS Modules
    • ⚪ Headless UI Components
✅ Testing & TypeScript
  • ⚪ Component Testing
    • ⚪ Jest & Vitest
    • ⚪ React Testing Library
    • ⚪ E2E Testing
  • ⚪ TypeScript Integration
    • ⚪ TypeScript Basics
    • ⚪ React with TypeScript
    • ⚪ Advanced Types
✅ Full-Stack & Server Components
  • ⚪ Next.js Framework
    • ⚪ App Router & Routing
    • ⚪ Data Fetching Patterns
    • ⚪ API Routes & Middleware
  • ✅ React 19 Features
    • ⚪ Server Components
    • ⚪ Server Actions
    • ⚪ Suspense & Streaming