Web Developer Blog
RSS FeedWelcome to my blog! I'm Aurora, and I share my thoughts and experiences about web development here. I write posts whenever I solve an interesting problem or learn something new. These days, I'm mostly working with React and Next.js, so you'll find plenty of content around those technologies. I hope you find something useful here!
Featured
Building an Async Combobox with useSuspenseQuery() and useDeferredValue()
Published:In this blog post, I'll show you how to create a declarative combobox component using `useDeferredValue()` and `useSuspenseQuery()`.
Server and Client Component Composition in Practice
Published:In this blog post, I will show you how to compose client and server components effectively in React. We will explore patterns for keeping responsibilities clear, optimizing performance, and creating reusable components.
Building Reusable Components with React 19 Actions
Published:In this blog post, we will explore how to build reusable components with React 19 Actions, track transition states, use optimistic updates, and expose action properties for custom logic.
Avoiding Server Component Waterfall Fetching with React 19 cache()
Published:In this blog post, I will show you how to use the React 19 cache() API in the Next.js App to optimize performance and avoid fetch waterfalls when using React Server Components.
Recent Posts
Dynamically Generating PWA App Icons in the Next.js App Router
Published:Progressive Web Apps (PWAs) are a great way to enhance the user experience of your web application. In this blog post, I will show you how to dynamically generate PWA app icons in the Next.js App Router using next-pwa.
Managing Advanced Search Param Filtering in the Next.js App Router
Published:When working with React Server Components and other new features and patterns in the Next.js App Router, it can be hard to manage advanced search param filtering. In this blog post, we will explore how to implement advanced search param filtering in the Next.js App Router, utilizing React 19 features like useOptimistic and the library nuqs.
Handling Form Validation Errors and Resets with useActionState()
Published:With React 19 RC announced, the `useActionState` hook is a powerful tool for creating a state based on the result of an action, typically useful with form submissions. However, there are unclear usage patterns and some gotchas that can make it hard to work with. In this blog post, we'll create a validated form using the hook, and we'll see how we can handle form resets and errors with it.
Implementing Feature Flagging with the Next.js App Router
Published:Feature flagging is a technique that allows you to enable or disable features in your application without deploying new code. In this blog post, I will show you how to implement a simple version of feature flagging with the Next.js App Router.