Tag: React
Articles, notes, and experiments on react. If you're exploring this area, these posts cover patterns, trade-offs, and implementation details I've worked through on production projects.
Figma to Code: Design Tokens & Dev Mode 2026
Master Figma to code workflow with design tokens, Dev Mode, and Code Connect. Automate handoff using Tokens Studio, GitHub Actions, and Style Dictionary.
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.
Framer Motion: Complete React & Next.js Guide 2026
Master Framer Motion with variants, AnimatePresence, layout animations, and LazyMotion. Production-ready animation examples for React and Next.js apps.
React Hooks Complete Guide 2026 (React 19 Update)
Master React 19 Hooks: useState, use(), useEffect alternatives, useRef, useMemo, useCallback, custom hooks, and concurrent features with production examples.
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: Practical Guide (2026)
Master React Server Components with RSC vs client patterns, migration strategies, and performance optimization. Includes security updates and real examples.
React State: Redux vs Zustand vs Jotai (2026)
Compare Redux Toolkit, Zustand, and Jotai for React state management. Learn which library fits your project size, performance needs, and team skill level.
React vs Next.js vs Astro: Choose Your Stack (2026)
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: Patterns & AI Best Practices
Master TypeScript React patterns for props, hooks, and components. Learn why types matter with AI tools like Cursor, plus discriminated unions and generics.