Tag: App Router

All the articles with the tag "App Router".

• Utilizing useOptimistic() Across the Component Tree in Next.js

  Published:Feb 24, 2024

  The React Canary (soon to be React 19) hook useOptimistic is a powerful tool for building fast and responsive UIs. It allows you to update the UI optimistically while waiting for the server to respond. In this blog post, I'll show you how to use useOptimistic across the component tree in Next.js.

• Implementing React Hook Form with Next.js 14 and Server Actions

  Published:Dec 30, 2023

  React Hook Form is a popular library for building interactive forms in React. In this blog post, I'll explain how to use React Hook Form with Next.js 14 and Server Actions.

• Running Tests with RTL and Vitest on Async and Internationalized React Server Components in Next.js App Router

  Published:Sep 10, 2023

  Considering the relatively new React Server Components (RSC) and Next.js App Router, there is not a lot of documentation on how to test them. In this blog post, I'll explain a method I found to work for running tests with Vitest and RTL (React Testing Library) on React Server Components that utilizes internationalization (i18n) via the next-international package.