Writing
Notes on React, Next.js and shipping real software
Tutorials and postmortems from production work — architecture calls, performance fixes, and the tradeoffs behind them. No listicles.
- 39
- Articles
- 10
- Topics
- 443 min
- Total read
39 articles
- Should You Enable the React Compiler in Production?A decision framework for enabling the React Compiler in production: readiness checks, the codebases where it pays off, real risks, and a safe rollout plan.React · 10 min
- React Compiler vs useMemo and useCallback: What Actually ChangesDoes the React Compiler replace useMemo and useCallback? What it memoizes automatically, the four cases where you still need them, and how to migrate safely.React · 11 min
- React Performance Case Study: Code Splitting, Lazy Loading, and Data Caching in ProductionA practical React performance optimization case study covering code splitting, lazy loading, caching, Core Web Vitals, and faster page loads.Performance · 9 min
- Building Production AI SaaS Features with OpenAI, Next.js, RBAC, and Tenant GuardrailsBuild production AI SaaS features with OpenAI APIs, Next.js, TypeScript, RBAC, prompt templates, usage limits, and multi-tenant safeguards.AI & ML · 10 min
- Building a Website Audit Platform with Next.js, Playwright, Lighthouse, and axe-coreLearn how to build a production website audit platform with Next.js, Playwright, Lighthouse, axe-core, SEO checks, and accessibility reports.Next.js · 10 min
- Testing Strategies for React Applications: Unit, Integration, and E2E Best PracticesMaster testing React apps with Jest, React Testing Library, Vitest, and Playwright. Complete guide to unit, integration, and E2E testing strategies.Best Practices · 12 min
- Streaming AI Responses in Next.js: Building Real-Time User Experiences with LLMsMaster streaming AI responses in Next.js using Server-Sent Events and Vercel AI SDK. Build responsive, real-time chat interfaces with TypeScript.Next.js · 12 min
- React Server Components in 2026: Architecture Patterns and Production Best PracticesMaster React Server Components (RSC) in production — caching strategies, state limits, client boundaries, and performance optimization techniques.React · 13 min
- React Concurrent Features in Production: Startable Transitions, Suspense, and UX PatternsMaster React 19 concurrent features — useTransition, Suspense boundaries, streaming, and building responsive UIs at scale.React · 13 min
Complete archive
Every published article in one crawlable list.
- Should You Enable the React Compiler in Production?
- React Compiler vs useMemo and useCallback: What Actually Changes
- React Performance Case Study: Code Splitting, Lazy Loading, and Data Caching in Production
- Building Production AI SaaS Features with OpenAI, Next.js, RBAC, and Tenant Guardrails
- Building a Website Audit Platform with Next.js, Playwright, Lighthouse, and axe-core
- Testing Strategies for React Applications: Unit, Integration, and E2E Best Practices
- Streaming AI Responses in Next.js: Building Real-Time User Experiences with LLMs
- React Server Components in 2026: Architecture Patterns and Production Best Practices
- React Concurrent Features in Production: Startable Transitions, Suspense, and UX Patterns
- Prompt Engineering for Developers: Techniques That Actually Work
- Real-Time Applications with Next.js and WebSockets: Building Live Collaboration Features
- Modern JavaScript in 2026: ES2025 Features, Patterns, and Runtime Innovations
- Mastering Core Web Vitals: The Complete Guide to Speed, Performance, and Accessibility
- Tailwind CSS v4 Deep Dive: Advanced Patterns for Production Applications
- Building AI-Powered Chat Features with Google Generative AI and Next.js
- React Native in 2026: Building Cross-Platform Apps That Feel Truly Native
- Mastering Framer Motion: Production-Grade Animations for React Applications
- AI-Driven UI Components: Building Intelligent Interfaces with React and LLMs
- Building Multi-Tenant SaaS Applications with Next.js: Architecture and Implementation
- The Complete Guide to SEO Optimization in Next.js 15 Applications
- React 19 Server Actions: The Complete Guide to Full-Stack React Development
- Implementing Accessible UI Components in React: A Practical Guide
- GraphQL and Apollo Client in React: From Setup to Production Patterns
- Micro-Frontends: Scaling Large React Applications in 2026
- Next.js 15 App Router Migration: From Pages to App Directory in 2026
- The Rise of AI-Assisted Frontend Development in 2026
- TanStack Query: The Complete Guide to Modern Data Fetching in React
- Zero-JavaScript Architecture: When and How to Use It Effectively in 2026
- React Compiler and Automatic Optimization: The Game Changer in 2026
- TypeScript 5.x: The Type System Evolution Changing React Development
- Streaming in Serverless: How Edge Computing is Reshaping React Applications
- Deploying Next.js Applications on Vercel: Production Optimization Guide
- Building Responsive Design Systems with Tailwind CSS and Component Libraries
- Effective Code Review Practices for Frontend Engineering Teams
- REST and GraphQL API Integration Patterns in React and Next.js
- Email Integration in React: Building Contact Forms with EmailJS and Server Actions
- Building Scalable React Applications: Best Practices and Architecture Patterns
- Next.js 15 Performance Optimization: Advanced Techniques for Lightning-Fast Web Apps
- CSS Grid vs Flexbox: When to Use Each Layout Method
Next step
Want this kind of thinking on your product?
Most of these posts came out of client work. If the problem in one of them looks like yours, tell me about it.