Articles and guides about react — 5 posts
Upgrade a basic Next.js notes app with advanced patterns: middleware-based authentication, optimistic UI updates using Server Actions, parallel data fetching, and streaming with Suspense. Build a basketball-themed coach's playbook that feels instant and resilient.
This tutorial teaches Next.js 16 from the ground up by building a progressive web app for notes. You'll learn the App Router, Server Components, data fetching, and API routes through a hands-on animal-themed project, comparing modern and legacy approaches.
Move beyond basic components and state management to build a composable, accessible component library using compound components, context, and custom hooks. You'll implement a RiverTabs system with controlled/uncontrolled modes, ARIA compliance, and test-driven development—ready for real design systems.
Build a music-genre-themed interactive dashboard from scratch using React. You'll learn core concepts—components, props, state, events, and conditional rendering—by creating a real project, not abstractions. Perfect for beginners who need a practical foundation before diving into useReducer or design systems.
Learn how to manage complex component state in a design system using useReducer instead of nested useState calls. Through a fruit-themed component library, you'll compare approaches, implement a reducer, and avoid common pitfalls.
