Web Developer Blog
RSS FeedWelcome to my blog! Here, I share my thoughts and experiences about web development. I write posts whenever I solve a problem that I want to remember, or when learn something new. These days, I mostly work with React and Next.js, so expect content related to those technologies. I hope you find something useful here.
Featured
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.
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.
Recent Posts
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.
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.
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.
Creating a Reusable SubmitButton with useFormStatus()
Published:With React 19 on the horizon, the `useFormStatus` hook is a powerful tool for handling form submissions. It will allow us to create a submit button that can be used across multiple forms, while it handles the form state for us. In this blog post, we'll create a reusable SubmitButton with `useFormStatus`.