React Server Components: Elevating Speed, Interactivity, and User Experience

React Summit US

React Summit US 2024

Aurora Scharff

Hands-on React Server Components, Server Actions, and Forms

React Day Berlin

React Day Berlin 2024

Enhancing Forms with React Server Components

In this workshop, we will explore React's latest features: Server Components, Server Actions, and Forms. Gain insights into optimizing server-side rendering, enhancing application interactivity through Server Actions and React 19 hooks, and mastering form creation for robust data handling and validation. Designed for developers of all levels, this workshop provides practical skills to build scalable, performant web applications.

React Advanced

React Advanced 2025

Handling async operations in UI components can be tricky – flickering pending states, inefficient state updates, and unstable user experiences are common issues. Building accessible UI components presents additional challenges, as meeting accessibility requirements often requires extra effort, which can add complexity to the development process.In the context of the Next.js App Router, this session will demonstrate how React Server Components streamline data fetching, while other React 19 tools help manage mutations, loading states, and optimistic updates more effectively. We’ll combine these with Ariakit to simplify the process of building interactive, accessible UI components with less boilerplate. You’ll leave with practical strategies for managing async operations while ensuring a smooth, reliable user experience.

Building Interactive Async UI with React 19 and Ariakit

React Summit US 2025

In this workshop, we will explore React's latest features: Server Components, Server Functions, and Forms. Discover how to optimize server-side rendering, build smooth user experiences with React Suspense and Transitions, enhance application interactivity with Server Functions and multiple new React 19 hooks, and create robust forms for efficient data handling and validation.Designed for developers of all levels, this workshop provides practical skills to build scalable, performant web applications.

Hands-on React Server Components, Server Functions, and Forms in the Next.js App Router

In this talk, we explore the application of React Server Components (RSC) to elevate the functionality and efficiency of forms. We will touch upon the core principles of RSC and their specific benefits for form development, such as improved load times and streamlined server-side processing. Additionally, we’ll learn the latest advancements in React 19 and the introduction of multiple new hooks.Attendees will gain insights into practical strategies for integrating RSC into forms, focusing on enhancing user experience and reducing front-end complexities.

React Server Components offer an effective method for improving web app performance by rendering components on the server and streaming them to the client in real time. This session will cover the functionality and benefits of React Server Components, showing how they can increase application speed and responsiveness. We will examine the role of asynchronous components, efficient data management, and the strategic use of modern React features to optimize load times and interactivity. With real-world examples and practical advice, you'll learn how to integrate these components to enhance your web app’s performance and provide a better user experience.