Tag
React
Articles, notes, and experiments on react — patterns, trade-offs, and implementation details worked through on production projects.
React + Tailwind: Build Dropdowns, Modals & Tabs
Build accessible React components with Tailwind CSS v4. Production-ready dropdowns, modals, and tabs with CVA patterns and complete WCAG 2.2 compliance.
Figma to Code Workflow 2026: Dev Mode & Design Tokens
Master Figma to code workflow with design tokens, Dev Mode, and Code Connect. Automate handoff using Tokens Studio, GitHub Actions, and Style Dictionary.
Framer Motion + React 19: Next.js App Router Guide 2026
Use Framer Motion (now "motion") with React 19 and the Next.js App Router. Fix "use client" errors, set up LazyMotion, AnimatePresence, and layout animations.
React Hooks Best Practices 2026 (React 19 + use() Hook)
React 19 hooks best practices: master useState, useEffect, useRef, useMemo, useCallback, custom hooks, and the new use() hook with production-ready examples.
Pencil.dev Review: The AI Design Canvas That Lives in Your IDE (2026)
Hands-on Pencil.dev review: the AI design canvas inside VS Code & Cursor. Git-native .pen files, code generation, pricing, and Pencil vs Figma, Subframe & Paper.design.
React Performance: 4-Step Optimization Framework
Fix slow React apps with profiling, React.memo, code splitting, and virtualization. Learn when to optimize and how to avoid premature optimization mistakes.
React Server Components in 2026: Status & Best Practices
What React Server Components are in 2026 and where they stand: RSC vs client patterns, bundle-size wins, migration strategy, and best practices with real examples.
Redux vs Zustand vs Jotai: Best React State (2026)
Redux Toolkit vs Zustand vs Jotai compared on bundle size, performance, and DX. See the trade-offs and pick the best React state library for your 2026 project.
React vs Next.js vs Astro 2026: Which Should You Use?
Content sites vs app platforms: Compare React 19, Next.js 16, and Astro 5.16 on performance, DX, SEO, and hosting. Complete decision framework included.
Design Engineer: Skills, Salary & Career Path (2026)
Design engineers blend UI/UX with frontend code. Learn required skills, salary ranges ($150K-$250K), essential tools, and complete career development path.
TypeScript for React: Best Practices & Patterns (2026)
Master TypeScript React patterns for props, hooks, and components. Learn why types matter with AI tools like Cursor, plus discriminated unions and generics.