AI Wisdom
Learning Track

Frontend (React)

Hooks, Fiber, Server Components, state management, React Query and Next.js App Router — the modern frontend runtime.

6+
Topics
6
Published
100%
Free
Browse articles ↓

6 articlesin Frontend (React)

Frontend (React)
Next.js 16 App Router: Layouts, Cache Components, and the New Mental Model

Next.js 16 App Router: Layouts, Cache Components, and the New Mental Model

Intermediate

File conventions (page, layout, loading, error), async params, route groups, parallel and intercepting routes, Cache Components with use cache, and Proxy.

15 min
Read →
Frontend (React)
TanStack Query v5: Server-Cache State Done Right

TanStack Query v5: Server-Cache State Done Right

Intermediate

Query keys, staleTime vs gcTime, useSuspenseQuery, optimistic updates with rollback, and how to compose React Query with Next.js 16 Server Components.

13 min
Read →
Frontend (React)
React State Management in 2026: A Decision Tree, Not a Religion

React State Management in 2026: A Decision Tree, Not a Religion

Intermediate

Server data, URL state, local state, and global stores — when to use Zustand vs Jotai vs Context vs Redux, and why most state belongs nowhere near a global store.

12 min
Read →
Frontend (React)
React Server Components in Next.js 16: The Boundary Mental Model

React Server Components in Next.js 16: The Boundary Mental Model

Intermediate

Server Components vs Client Components vs SSR — what runs where, how the boundary works, and the React 19 + Next.js 16 patterns for forms, mutations, and streaming.

14 min
Read →
Frontend (React)
React Fiber Explained: Lanes, Phases, and Why Your Renders Behave That Way

React Fiber Explained: Lanes, Phases, and Why Your Renders Behave That Way

Advanced

A working mental model for React Fiber — render vs commit phase, the Lane priority model, automatic batching, useTransition, and useDeferredValue.

12 min
Read →
Frontend (React)
React 19 Hooks: The Modern Mental Model in the Compiler Era

React 19 Hooks: The Modern Mental Model in the Compiler Era

Foundational

A 2026 hooks refresher under React 19 and the React Compiler — what to write, what to delete, and the use(), useActionState, and useFormStatus APIs that change everything.

13 min
Read →