React + Next.js Cheat Sheet
|
This content was generated with the assistance of AI and should be verified against the official documentation before being relied on in production. The reference material consulted while preparing these pages is listed in the section bibliography. |
A single-page, colour-coded summary of React and Next.js, written against Next.js 16.3 (16.3.8) and React 19.3
(19.3.0) with Node.js 20.9 or later (versions verified 2026-10-03) — React core (JSX, components and props, state and
events, the Hooks table, effects and cleanup, context, refs, Suspense, lazy and use, the Actions Hooks
useActionState, useFormStatus and useOptimistic, the React Compiler and the rules of React), the project and
CLI (create-next-app, next dev, build, start, upgrade and typegen), the file-conventions table and
environment variables, routing (segments, dynamic and catch-all routes, route groups, parallel and intercepting
routes, <Link>, useRouter and the navigation Hooks, redirect and notFound), a rendering strip comparing CSR,
SSR, SSG, ISR, PPR and streaming with their App Router and Pages Router APIs, Server and Client Components and the
boundary rules, a hydration box with the sequence and the top mismatch causes and fixes, data fetching, Server
Actions, the caching layers with the cacheLife profiles and the revalidation APIs (both the Cache Components and
the previous model), Route Handlers and Proxy, metadata, images and fonts, authentication and data security,
testing, deployment and output modes, and a strip of what changed since older tutorials — handy for quick
memorization or as a downloadable PDF desk reference.
For the full explanation, every option, and additional examples, see the dedicated pages:
Start here — Next.js and React Reference.
React core — Getting Started with React, JSX and Rendering, Components and Props, State and Events, Core Hooks and the Rules of Hooks, Effects and Lifecycle, Custom Hooks, Refs and the DOM, State Management, Code Splitting and Suspense, Forms and Actions, Performance and Concurrent Features, The Rules of React, and Server Rendering, SSG and React Server Components.
React ecosystem — Routing, Data Fetching, Styling and UI Libraries, TypeScript with React, Testing, Build and Deployment, and React Cheat Sheet.
Next.js foundations — Introduction & Architecture, Getting Started, Project Structure, and Configuration, TypeScript & Environment Variables.
Routing — Routing Fundamentals, Layouts, Templates & Special Files, Dynamic Routes & Route Groups, Linking & Navigation, Parallel & Intercepting Routes, Redirects, Rewrites & Proxy, and Internationalization.
Rendering — Rendering Fundamentals, Server & Client Components, Server-Side Rendering, Streaming & Suspense, Client-Side Rendering, Static Site Generation, Incremental Static Regeneration, Hydration, and Partial Prerendering & Cache Components.
Data — Data Fetching, Server Actions & Mutations, Caching, and Route Handlers & Backend for Frontend.
UI and optimisations — Styling, Images, Fonts & Scripts, Metadata & SEO, and Performance & Web Vitals.
Security and authentication — Authentication & Authorization and Data Security & CSP.
Tooling, testing and operations — Turbopack & the Compiler, Testing, and Debugging, Instrumentation & Observability.
Production — Deployment & Self-Hosting, Pages Router, and What’s Changed & Upgrading.
Beyond the basics — Advanced Patterns.
References
The PDF summarizes the official documentation; each source is cited in full on the page listed above that covers it, and in the section bibliography.