Level |
Topic |
Subtopics |
Basic |
Introduction |
What is React, Features of React, Advantages over other frameworks, Virtual DOM, JSX |
|
Components |
Functional Components, Class Components, Props, Default Props, PropTypes |
|
State Management |
useState Hook, Class Component State, setState(), Initial State, State vs Props |
|
Rendering |
Conditional Rendering, Lists & Keys, Rendering Arrays, Fragments, Inline Rendering |
|
Events |
Handling Events, Synthetic Events, Event Binding, Passing Arguments, Event Bubbling |
Intermediate |
Hooks |
useEffect, useContext, useRef, useMemo, useCallback |
|
Forms |
Controlled Components, Uncontrolled Components, Form Validation, useForm Libraries |
|
Routing |
React Router Basics, Route Parameters, Nested Routes, Redirects, Protected Routes |
|
Styling |
CSS Modules, Styled Components, Emotion, Inline Styles, Tailwind with React |
|
Context API |
Creating Context, useContext Hook, Context vs Redux, Context Performance, Nested Contexts |
Advanced |
State Management |
Redux, Redux Toolkit, Middleware (Thunk, Saga), Zustand, Recoil |
|
Performance Optimization |
Memoization, React.memo, Code Splitting, Lazy Loading, Suspense |
|
Server-Side Rendering |
Next.js Basics, Static Site Generation (SSG), Incremental Static Regeneration (ISR), SSR vs CSR, Hydration |
|
Testing |
Jest, React Testing Library, Enzyme, Snapshot Testing, Mocking APIs |
|
Error Handling |
Error Boundaries, try-catch in async calls, Fallback UI, Logging Errors, Monitoring |
Expert |
Architecture & Patterns |
Higher-Order Components (HOC), Render Props, Compound Components, Custom Hooks, Controlled vs Uncontrolled Patterns |
|
Advanced Performance |
React Concurrent Mode, Suspense for Data Fetching, React Profiler, Optimization with Webpack, Tree Shaking |
|
Scalability |
Monorepos with React, Micro-Frontends, Module Federation, Large-Scale Folder Structures, Design Systems |
|
Integrations |
GraphQL with React (Apollo, Relay), WebSockets, WebRTC, REST APIs, gRPC |
|
Deployment & CI/CD |
Dockerizing React Apps, CI/CD Pipelines, Hosting (Vercel, Netlify, AWS Amplify), Performance Budgets, SEO Optimization |
|