React

Components, hooks, state management, context, React Router, performance optimisation, testing with React Testing Library, and building production-ready React applications.

BeginnerTopics 1–13

·React & the Component Model
·JSX
·Function Components
·Props
·useState
·Handling Events
·Conditional Rendering
·Lists & Keys
·Forms & Controlled Inputs
·useEffect
·Component Composition
·Lifting State Up
·Styling in React

Start Beginner →

IntermediateTopics 14–27

·useRef
·useContext
·useReducer
·Custom Hooks
·React.memo
·useMemo & useCallback
·React Router v6
·Nested Routes & Layouts
·Error Boundaries
·Portals
·Lazy Loading & Suspense
·Forms with react-hook-form
·Zustand
·TypeScript with React

Start Intermediate →

AdvancedTopics 28–41

·TanStack Query
·useTransition & useDeferredValue
·Compound Components
·Render Props & HOCs
·forwardRef & useImperativeHandle
·Context Performance
·Virtualized Lists
·Framer Motion
·Accessibility (a11y)
·Advanced TypeScript
·React Testing Library
·Storybook
·State Machines & XState
·Performance Profiling

Start Advanced →

ProductionTopics 42–55

·Project Structure
·Bundle Optimization
·SSR & Streaming
·Data Fetching Patterns
·Environment & Config
·Error Monitoring
·Testing Strategy
·Vitest Setup
·CI/CD Pipeline
·Security
·Internationalisation
·Micro-frontends
·Feature Flags
·Deployment

Start Production →