React Fundamentals — Next.js Full Stack Roadmap

Core React concepts that Next.js is built on top of

Steps in React Fundamentals

React Fundamentals & JSX — intermediate · How React works, the virtual DOM and writing JSX
Components & Props — intermediate · Functional components, composing components and passing props
State & useState — intermediate · Component state, the useState hook and re-renders
Event Handling in React — intermediate · Synthetic events, handling clicks/inputs and passing handlers
Conditional Rendering & Lists — intermediate · Ternaries, short-circuit rendering, rendering lists with map() and why keys matter
Forms & Controlled Components — intermediate · Controlled vs uncontrolled inputs and building forms in React
useEffect & Side Effects — intermediate · Data fetching, subscriptions, cleanup functions and the dependency array
Context API — intermediate · Avoiding prop drilling with Context and providers
Custom Hooks — intermediate · Extracting and reusing stateful logic into custom hooks
Component Styling — intermediate · CSS Modules, styled-components and using Tailwind inside React