Roadmap › 4. Frontend › Step 49
Re
React (with Hooks, React 19 & Next.js basics)
JSX, components and props, state, events, conditional rendering and lists, hooks in depth, effects and data fetching, forms, context, reducers, refs, performance (memo, useMemo, useCallback, React Compiler), routing, state libraries, React 19 actions and Server Components, testing and Next.js.
Interview priority:★ Must know High priority — asked in almost every interview, learn firstMedium asked regularlyLow good to know
Module 1: Fundamentals
- 1.JSX, components and propsBasic ★ Must know
- 2.State with useState and event handlingBasic ★ Must know
- 3.Conditional rendering and lists with keysBasic ★ Must know
- 4.Controlled vs uncontrolled formsBasic ★ Must know
- 5.React project folder structure — with sample files (Vite + TypeScript)Basic ★ Must know
- 6.Connecting a React app to SQL Server (through an API)Intermediate ★ Must know
Module 2: Hooks in Depth
- 7.useEffect: side effects, dependencies and cleanupIntermediate ★ Must know
- 8.useRef, useMemo, useCallback and React.memoIntermediate ★ Must know
- 9.useContext and useReducerIntermediate ★ Must know
- 10.Custom hooks and the Rules of HooksIntermediate ★ Must know
Module 3: React 19 and Server Components
- 11.Actions, useActionState, useOptimistic and use()Advanced Medium
- 12.Server Components, SSR and Next.js basicsAdvanced ★ Must know
Module 4: Building Real Apps
- 13.Routing with React RouterIntermediate ★ Must know
- 14.State management: local, server and global stateIntermediate ★ Must know
- 15.Error boundaries, portals, Suspense and lazy loadingIntermediate Medium
- 16.Performance optimisationAdvanced ★ Must know
- 17.Testing React componentsIntermediate Medium
Next course in the roadmap: 50. Next.js — App Router, Folder Structure, Rendering and Full Stack with SQL Server →