beginner
Master React 19, one code challenge at a time.
React Basics
30 min · Components, JSX
State and Props
30 min · State, Props
React Lifecycle
30 min · Lifecycle Methods, Mounting, Updating
Handling Events
30 min · Event Handling, Synthetic Events
Conditional Rendering
30 min · Conditional Rendering, Logical Operators
Higher-Order Components
30 min · Higher-Order Components, Reusability
Controlled vs Uncontrolled Components
30 min · Controlled Components, Uncontrolled Components
Context API
30 min · Context API, Global State
Render Props
30 min · Render Props, Component Composition
Error Boundaries
30 min · Error Boundaries, Error Handling
useState Hook
30 min · useState, State Management
useEffect Hook
30 min · useEffect, Side Effects
Custom Hooks
30 min · Custom Hooks, Reusability
useContext Hook
30 min · useContext, Context API
useReducer Hook
30 min · useReducer, State Management
Inline Styles
30 min · Inline Styles, Dynamic Styles
CSS Modules
30 min · CSS Modules, Scoped CSS
Styled-components
30 min · Styled-components, CSS-in-JS
Responsive Design
30 min · Responsive Design, Media Queries
CSS Frameworks
30 min · CSS Frameworks, Bootstrap, Material-UI
React Router Basics
30 min · React Router, Routing
Nested Routes
30 min · Nested Routes, Route Hierarchy
Route Parameters
30 min · Route Parameters, Dynamic Routing
Protected Routes
30 min · Protected Routes, Authentication
Redirects and Navigation
30 min · Redirects, Programmatic Navigation
Redux Basics
30 min · Redux, State Management
Actions and Reducers
30 min · Actions, Reducers
Connecting Redux to React
30 min · React-Redux, Connect, Provider
Middleware and Redux Thunk
30 min · Middleware, Redux Thunk, Async Actions
Advanced Redux Patterns
30 min · Advanced Patterns, Redux Toolkit, Performance Optimization
Introduction to Testing
30 min · Testing, Jest, React Testing Library
Unit Testing Components
30 min · Unit Testing, Component Testing
Testing Hooks
30 min · Testing Hooks, Custom Hooks, useEffect
Integration Testing
30 min · Integration Testing, Component Interaction
End-to-End Testing
30 min · End-to-End Testing, Cypress, User Simulation
Performance Optimization
30 min · Performance Optimization, Bottlenecks
Code Splitting
30 min · Code Splitting, Lazy Loading
Memoization Techniques
30 min · Memoization, React.memo, useMemo
Server-Side Rendering
30 min · Server-Side Rendering, Next.js, SEO
Progressive Web Apps
30 min · Progressive Web Apps, Service Workers, Offline Support
