Topic / 9 published entries

React

React rendering model, hooks, state, forms, testing, and performance patterns for production UI systems.

00

Context vs Zustand vs Redux Toolkit

How I choose between Context, Zustand, and Redux Toolkit in React apps with different coordination, performance, and tooling needs.

#react#context#zustand#redux-toolkit
01

React Forms & Data Flow

The production form patterns I trust: explicit state transitions, server-authoritative validation, pending states, and modern React action flows.

#react#forms#validation#optimistic-ui
02

React Hooks & Effects

A practical guide to hook ordering, effect discipline, refs, memoization, and the stale-closure bugs that show up in real React code.

#react#hooks#useeffect#useref
03

React Performance Patterns

Profiling, memoization, context splitting, list virtualization, and the React performance fixes I trust more than guesswork.

#react#performance#memoization#virtualization
04

Reducers and State Machines in React

When I use reducers, when I model screens as state machines, and how explicit transitions prevent expensive UI workflow bugs.

#react#reducers#state-machine#workflows
05

React Rendering Model

Fiber, render vs commit, reconciliation, keys, and the state-identity rules that explain most advanced React behavior.

#react#rendering#reconciliation#keys
06

React Server State vs UI State

How I separate server state, UI state, URL state, and workflow state so large React apps stay predictable under load.

#react#state-management#tanstack-query#server-state
07

React State Management

How I decide state ownership in modern React: local state, URL state, reducers, context, external stores, and the mistakes that create long-term frontend drag.

#react#state-management#context#reducer
08

Testing React Components

How I design a React test portfolio that catches real regressions: behavior-first component tests, reducer tests, network seams, and critical user flows.

#react#testing#rtl#vitest