What are web components? How are they different from React? What are common web component problems? How can we use Enhance to SSR web components to improve them?

Thanks to their encapsulation and cross-platform re-usability, Web Components are changing the way we build for the web, yet using them with React has been challenging so far. In this talk, we will address the growing adoption of Web Components, focusing on the integration hurdles in React and the upcoming support with React 19.

React Server Components (RSC) represent a powerful new paradigm for building fast, interactive web applications by allowing server-side rendering of components alongside client-side ones. While Next.js has emerged as a popular framework for leveraging RSC, it's not the only option.

In this talk, we'll explore how to integrate React Server Components into a custom application without relying on Next.js. You'll learn about the core concepts of RSC, the benefits of server-side rendering, and how to configure your own custom server environment to take full advantage of RSC in any React project. By the end, you'll walk away with a deep understanding of how React Server Components work independently of popular frameworks and how to apply them to improve performance and scalability in your applications.

React development often doesn’t mean JUST React anymore. Frameworks like NextJS are on the rise and they offer a lot of power out of the box.
But how does it really work in the background? We’ll explore how different rendering strategies like SSR, SSG, CSR or ISR work, when to use each one, and how NextJS can optimise rendering, enhance page speed, and simplify server-side functionality in your React apps.