← Back to Roadmaps

React - Learning Roadmap | Nemorize

Loading roadmap...

Learning Topics

This roadmap covers the following topics:

✅ 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

✅ 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

✅ 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
✅ Memory Leaks

✅ Component Testing
- ⚪ Jest & Vitest
- ⚪ React Testing Library
- ⚪ E2E Testing
✅ TypeScript Integration
- ⚪ TypeScript Basics
- ⚪ React with TypeScript
- ⚪ Advanced Types

✅ Next.js Framework
- ⚪ App Router & Routing
- ⚪ Data Fetching Patterns
- ⚪ API Routes & Middleware
✅ React 19 Features
- ⚪ Server Components
- ⚪ Server Actions
- ⚪ Suspense & Streaming

Share your thoughts and rate this roadmap

Loading comments...