Interactive playground for mastering React Hooks and Next.js features. Each demo includes working examples, code explanations, and common gotchas.
Counter, toggle switch, and state management patterns
API data fetching and cleanup functions
Counter with reducer logic and form handling
Focus input fields and track previous values
Global theme switcher without prop drilling
Measure DOM size and layout shift detection
Inject styles before layout
Slow search input with deferred rendering
Custom input component with exposed methods
Slow state updates with transition fallback
External store for window size tracking
Prevent ID collisions in form fields
Create pages with next/link navigation
Persistent navbar and footer layout
SEO metadata with generateMetadata
Suspense and lazy loading demos
Server actions vs useEffect comparison
JSON API endpoint example