Articles for people who
ship the stack
Rewrites on React, Node.js, TypeScript and AI. A translated body is shown when it exists. If it does not, you see the English text and a note that says so.
Tagged: State Management
A Predictable React Baseline with TypeScript, Zustand and Typed Services
A small React, TypeScript and Zustand skeleton that separates stores, typed API services and components, plus conventions for structure, async state and testing.
5 min readLayering State in a React Streaming App: Context, Redux Toolkit and RTK Query
Follow a video streaming frontend from prop drilling to nested providers to Redux Toolkit slices and RTK Query, and learn which kind of state belongs in which tool.
8 min readZustand vs Redux Toolkit vs Context: React State Managers by Renders and Bundle Size
One cart app built with eight React state patterns, measured for wasted renders and gzipped bundle size: what the numbers say about Zustand and Redux Toolkit.
9 min readScope State by Lifetime: When a React Portal Actually Needs a Global Store
Learn to decide where React portal state belongs by its owner and lifetime, why global stores create cleanup bugs, and which cases truly justify Redux or Zustand.
4 min readZustand vs TanStack Query Boundaries in a Realtime Next.js Monorepo
Learn a clear ownership rule for UI state, server state and realtime events in a collaborative Next.js monorepo using Zustand, TanStack Query and sockets.
10 min readReact Keys as Component Identity: Preserving and Resetting State
React keys decide which component instance survives a render. How index keys leak state between rows, and how changing a key resets a form on purpose.
6 min readWhy push() Leaves Your React UI Stale and How New References Fix It
Understand why mutating arrays in useState never triggers a re-render, how React's reference check works, and when to use spread copies and functional updates.
6 min readRedux Toolkit from First Slice to Async Data: A Working Mental Model
Learn how Redux Toolkit's store, slices, Immer-powered reducers, selectors and createAsyncThunk fit together, using a counter, a shopping cart and a product list.
9 min readReplacing Loading Flags in Angular with a Discriminated AsyncState Union
Model Angular async operations as one typed union, derive booleans with computed signals and drive every state transition through a single RxJS operator.
11 min read
About these articles
Request a 24h estimate
Need the same stack in a production operator layer? Send the brief — estimate within 24 hours.