/blog
RSS FeedHey, I'm Aurora ♡ React & Next.js educator, Microsoft MVP, and React Certification Lead at certificates.dev. Here I write practical guides on React, Server Components, Next.js, and modern web development. Patterns, performance, and things I've learned building real apps.
Featured
Building an Async Combobox with useSuspenseQuery() and useDeferredValue()
Published:Learn how to create a declarative combobox component using `useDeferredValue()` and `useSuspenseQuery()` for smooth, performant user experiences.
Server and Client Component Composition in Practice
Published:Learn how to compose client and server components effectively in React. Explore patterns for keeping responsibilities clear, optimizing performance, and creating reusable components.
Building Reusable Components with React 19 Actions
Published:Learn how to build reusable components with React 19 Actions, track transition states, use optimistic updates, and expose action properties for custom logic.
Managing Advanced Search Param Filtering in the Next.js App Router
Published:Learn how to implement advanced search param filtering in the Next.js App Router, utilizing React 19 features like useOptimistic and the library nuqs.
Recent Posts
Dynamically Generating PWA App Icons in Next.js 16 with Serwist
Updated:Learn how to dynamically generate PWA app icons in Next.js 16 using Serwist. This guide shows how to create environment-specific icons for development, staging, and production environments.
Implementing Next.js 16 'use cache' with next-intl Internationalization
Published:Next.js 16 introduces component-level caching with the 'use cache' directive, but it doesn't work seamlessly with next-intl yet. Learn why and discover a practical workaround.
Avoiding Server Component Waterfall Fetching with React 19 cache()
Published:Learn how to use the React 19 cache() API in the Next.js App Router to optimize performance and avoid fetch waterfalls when using React Server Components.
Handling Form Validation Errors and Resets with useActionState()
Published:The React 19 `useActionState` hook is a powerful tool for creating a state based on the result of an action, typically useful with form submissions. Learn how to create a validated form using the hook, and how to handle form resets and errors with it.