Charting Home Energy Data With Recharts and TypeScript
Turn Home Assistant history into usable charts: time-series bucketing, downsampling that keeps...
React tutorials covering React 19 actions, Server Components, form libraries, state managers, and hooks pitfalls. Production code, real benchmarks.
This page collects 18 articles, newest first. Most of it is React 19 in production: what Server Components actually change about data fetching, why the compiler removes some memo calls and not others, and which form library holds up once validation gets messy. Where a benchmark is quoted, it was run on a real repo rather than a toy app, and the numbers include the runs that made the library look bad. A fair amount of space goes to the parts people get wrong in review, like putting a Suspense boundary at the route level and wondering why the whole page blanks. If you're arriving from class components, start with the hooks pitfalls pieces; the rest assumes you already know why the dependency array matters.
Everything else we've published is in the main archive.
Showing 1-12 of 18 articles
Charting Home Energy Data With Recharts and TypeScript
Turn Home Assistant history into usable charts: time-series bucketing, downsampling that keeps...
MCP Apps in React: Render a Real UI Inside an AI Chat
MCP Apps let a tool return a sandboxed React UI instead of...
React Component Testing with Vitest 5: Setup and Pitfalls
A React 19 test setup on Vitest 5.0.2 and Testing Library 16,...
Real-Time React Dashboard on the Home Assistant WebSocket
Build a live React dashboard on the Home Assistant WebSocket API: one...
Suspense for Data Fetching: The 2026 Pattern Guide
Suspense for data fetching only works well with correct boundary placement. This...
Six React Libraries Crossed a Major: What Actually Broke
Measured before-and-after bundle sizes and the real breaking changes for six React...
The use() Hook in React 19: Reading Promises and Context
React 19's use() reads promises and context inside conditionals and loops, breaking...
React Server Actions: Mutations Without API Routes
React Server Actions let a form submit directly to server code, no...
Testing AI-Generated React Components: A 2026 Playbook
AI tools write React components fast but skip edge cases. These testing...
How to Refactor Large React Components With AI Tools
A practical workflow for breaking apart 500-line React components with AI tools,...
React Data Fetching with TypeScript & TanStack Query
Learn type-safe data fetching in React using TanStack Query v5. Compare fetch,...
Claude Code for React and TypeScript: Workflow Guide
Claude Code is a CLI, not an IDE plugin. For React/TypeScript projects,...