Frontend architecture, React, performance and the craft of shipping. 31 articles and counting.
A practical, opinionated comparison of TanStack Query and RTK Query for data fetching in React apps—caching, mutations, bundle size, and when each one wins.
How to build a maintainable component library with Tailwind CSS, design tokens, and Storybook—covering token architecture, variants, docs, and testing.
Field-tested React Server Components patterns for Next.js—where to draw the server/client boundary, data fetching, streaming, and the mistakes to avoid.
How to set and enforce frontend performance budgets in a SaaS product—Core Web Vitals targets, bundle limits, CI gates, and the metrics that matter.
A practical guide to building and shipping AI-powered features today: use-cases that work, architecture choices, cost control, and team workflows.
Fast, delightful testing for React and TypeScript. Learn how to structure tests, mock networks, and measure coverage with minimal boilerplate.
Make your Next.js apps feel instant: edge runtime choices, caching patterns, image strategy, and observability that scales.
A short checklist to ship solid Next.js apps: routing, caching, images, envs, and SEO—no fluff.
Short, high‑signal concepts you should actually read: patterns, performance, server components, forms, and testing.
A pragmatic testing strategy: what to unit test, what to integration test, and how to keep suites fast and useful.
Real-world ways to add AI to frontend apps — autocomplete, summarization, server actions, streaming UI, privacy-aware inference, and more.
How I combine RSC, Server Actions, and streaming AI to build fast, cost‑effective experiences in React and Next.js.
Production patterns for App Router: RSC boundaries, caching, Server Actions, image performance, and SEO.
A pragmatic checklist to hit <2s LCP on real devices: images, scripts, network, RSC, and monitoring.
Simple, scalable patterns: state colocation, query libraries, form strategies, suspense-first data, and error boundaries that matter.
My public roadmap: AI+frontend experiments, TrioChat platform improvements, and open-source utilities.
Real web development trends for 2025 - AI integration, edge computing, WebAssembly, new frameworks, and what's actually worth learning.
Deep dive into Bolt.new - the AI that builds, deploys, and hosts full-stack apps. Real examples, limitations, and how it compares to v0 and Cursor.
A detailed comparison of Cursor AI and VS Code. Learn why developers are switching to Cursor for AI-powered coding, what makes it special, and if it's worth $20/month.
Complete guide to v0.dev - Vercel's AI that generates production-ready React components. Tips, tricks, and real examples from 100+ generations.
First look at Tailwind CSS v4.0 alpha - 10x faster, new engine, CSS-first config, and breaking changes you need to know about.
Complete guide to shadcn/ui - the copy-paste component library that's changing how we build React apps. Installation, customization, and best practices.
Deep dive into React Compiler (React Forget) - how it works, benchmarks, migration guide, and why it's the biggest React update since Hooks.
Detailed comparison of Zustand and Redux Toolkit for React state management. Performance benchmarks, code examples, and when to use each.
Comprehensive comparison of Bun, Node.js, and Deno. Performance benchmarks, features, ecosystem compatibility, and which to choose for your next project.
Explore React 19's groundbreaking features including React Compiler, Actions, Server Components improvements, and new hooks that will transform how we build React apps.
Everything you need to know about React Native in 2024, including New Architecture, Expo updates, performance optimizations, and modern development practices.
Complete guide to React Native in 2024 with New Architecture, Expo Router, performance tips, and latest best practices for cross-platform mobile apps.
Explore the latest AI-powered development tools including GitHub Copilot, Claude, and Cursor that are transforming how developers write, debug, and optimize code.
Learn advanced techniques to optimize your React applications for maximum performance and better user experience. Complete guide with practical examples.
Discover powerful TypeScript patterns including generics, conditional types, mapped types, and template literal types to write better, safer code.
Occasional, high-signal notes on frontend engineering. No spam, unsubscribe anytime.