React
From React Server Components to performance optimization, animations, and video generation — practical techniques for modern React development.
Server Components
How RSC works and how to minimize "use client" directives.
React Server Components: Complete Guide
Understand how RSC works, when to use Server vs Client Components, and practical patterns for Next.js App Router.
Mar 2, 2026 · updated Mar 27, 2026 · 10 minMinimize 'use client' in React Server Components
Design patterns to keep 'use client' boundaries small in Next.js App Router. Island Architecture, Composition Pattern, and practical refactoring examples.
Mar 2, 2026 · updated Mar 27, 2026 · 12 minPerformance & Hands-On
Re-render optimization, useEffect pitfalls, animations, and video generation.
React Re-render Optimization: Practical Guide
Stop unnecessary re-renders with memo, useMemo, and useCallback. Learn when to use each, how to measure, and common pitfalls.
Mar 2, 2026 · updated Mar 27, 2026 · 11 minFix useEffect Infinite Loops
Diagnose and fix React useEffect infinite loops: missing deps, object references, data fetching, stale closures, and debugging tips.
Feb 27, 2026 · updated Mar 27, 2026 · 16 minMotion for React Animation Guide (formerly Framer Motion)
From fade-ins to scroll-triggered effects and page transitions — practical Motion (formerly Framer Motion) patterns with working code examples for React.
Mar 2, 2026 · updated Mar 27, 2026 · 11 minHow to Generate Videos with Remotion and Claude Code
A practical guide to generating videos from prompts using Remotion and Claude Code. Covers setup, Agent Skills, video generation, and rendering.
Mar 6, 2026 · updated Mar 27, 2026 · 10 min