Schedule

When Remix was first released in 2020, its goal was to provide framework-level features on top of React Router, simplifying server-side rendering, data fetching, state management and build tooling. Now, with the release of React Router v7, the entirety of Remix is getting merged back upstream into React Router. This is a huge step up for the React community since React Router powers roughly half of all React downloads. In this talk we'll take a look into how this happened and what this means for the future of React frameworks.

Traditional databases often hinder React developers' workflow. New approaches, including serverless solutions, are revolutionizing data handling in React apps. This talk explores how modern database paradigms enable end-to-end type safety, create ergonomic workflows, and support rapid iteration. Learn how these next-gen databases integrate with React to simplify development and boost productivity, helping you build more efficient and performant applications.

The talk will start with a quick introduction to React Server Components and then move on to show how they're visualized in one of the developer tools we've built for RedwoodJS. This will give everyone a better understanding of where the client/server boundaries are and how ""use client"" and component imports work together to decide what code gets executed by the RSC server and what code gets executed in the user's browser. This understanding is generally applicable to any RSC enabled framework (which mostly means NextJS right now).Now, with the audience equipped with a better understanding of RSCs I'll dive into the RSC Payload (aka Flight) format explaining what it is and how it works. For this part of the talk I will use a tool we've built to record and visualize the RSC network traffic to aid me in explaining the RSC protocol.

We'll talk about how React itself is adding new features consistently and pushing the boundaries of rendering libraries. Also, about the ecosystem and how that is constantly expanding.

React Query is a popular library for maintaining asynchronous state - most often state returned from data fetching. It has grown so much in popularity over the last couple of years that it is now used in almost 20% of all React applications. To some extent, this is attributed to it's ease of use and great developer experience.In this talk, React Query maintainer Dominik will walk us through some of the API design choices that were made in React Query to get to that DX. You'll hear stories about things that went well, but also about tradeoffs and mistakes that were made, and what lessons we can all learn from those.

This is the full story behind "Make Real", tldraw's viral AI experiment that lets you turn your low fidelity drawing into a functional website. It's half startup rollercoaster ride and half moral tale about betting on React — as Make Real was only possible because of the ability to put any React component onto tldraw's canvas.Here's the full behind-the-scenes perspective, and everything we learned along the way.

The most talked-about news in the React community this year is probably the React Compiler. Everyone is looking forward to being saved from the re-render plague and never having to write useCallback/useMemo again.But are we truly there yet? Can the React Compiler actually achieve those things? Do we need to do anything other than turning it on and enjoying a re-render-free life?

I've been developing a React framework called Waku, which focuses on React Server Components (RSC). Waku supports Server Actions, allowing us to call functions on the server from the client. In this talk, I will explain how Server Actions are implemented in the framework. To enable Server Actions, the framework transforms (or compiles) user code.

One skill that will always be relevant is profiling. No matter the framework, no matter the version, at some point you will have to dive into why your application is not performing at its best. In this talk, we will show how you can use React Dev Tools alongside the standard Dev Tools to identify and resolve performance and memory issues. There are some hidden gems within Dev Tools profiling panel that goes beyond just measuring how much time is spent executing a function and we will discover them together including new features released this year.

When it comes to testing library code, the (usually amazing!) "Testing Library" approach quickly hits its limitations: We often need to test hot code paths to ensure additional guarantees, such as a specific order of DOM changes or a particular number of renders.As soon as we start adding Suspense to the picture, it even gets almost philosophical:- How do we count a render that immediately suspended, and how do we distinguish it from a "committed" render?- How do we know which parts of the Component tree rerendered?In the Apollo Client code base, we're using the React Profiler to create a stream of render events, enabling us to switch to a new stream-based testing method.After testing this approach internally for a year, we have released it in a library that we want to present to the world.I'll also briefly look into other "testing-related" problems far outside the norm that we've come across and share our solutions:How to test libraries that bundle different code for React Server Components, streaming SSR runs, and the Browser: Testing your growingly complex `exports` fields and ensuring all those environments export the package shape you expect.We'll even briefly look into rendering React components in different environments to test them in isolation - be it in Server Components, Streaming SSR, or simulating stream hydration in the Browser.

Learn how to build fast, adaptive web applications that dynamically respond to user conditions and context in this informative talk. Discover the principles and techniques behind adaptive design, including responsive layouts and dynamic interactions, optimized for different browsers, device strengths, internet speeds, screen sizes, and user preferences. Explore the role of data-driven decision-making and user analytics in tailoring content and features quickly and efficiently based on these variables. Gain practical insights into implementing fast, adaptive web apps using various technologies and frameworks.

The top-selling Android phone in 2023 is 8x less powerful than high-end devices like the Pixel 8. This gap highlights a common blind spot among Android devs: we often use powerful devices and don't necessarily spot performance issues in our apps.However, traditional performance testing is often seen as a cumbersome and time-consuming task, leading many to skip it in favor of pushing out new features.But what if there was a way to simplify this process, making performance testing as straightforward as running a single command?This talk presents how we can make this dream a reality: by using AI to automatically explore our app and combine it with the proper performance measuring tools, we can essentially get automated quality audits of our apps!

React portals + RxJs = micro frontends on steroids.At bettermarks, we are migrating an AngularJS app to React using micro frontends. Picture a dashboard with widgets from different frontends depending on permissions and settings without coupling.We implemented a reliable solution for our micro frontends - and yes, we can embed React components within AngularJs!I'll showcase our solution and demonstrate how this can help you build more robust applications by trying to break our.

With over 1.13 billion websites worldwide, itʼs clear that cross-platform development is popular. However, with 60.74% of people preferring mobile devices over desktops for internet access, providing a polished UX can be challenging when using only websites.In this talk, Iʼll demonstrate how developers can use Expo to bring their web-only products closer to their users. Starting with a fictional web-only product, Iʼll incrementally reuse the code and run it on iOS and Android using both the existing web code and platform-native elements. Depending on our demo readiness during the conference, this may include a new experimental feature of the Expo Router called DOM Routes that helps developers in this process.

If you’re a seasoned React Native developer, you may have been burned by the fact that certain React behaviours just don’t work as you’d expect. We’ve all tried to use useLayoutEffect on our RN projects, only to find that it doesn’t quite behave how the React docs describe it.All of that will change with the new event loop coming to React Native as part of the effort to bring React Native closer to Web APIs. Strap in for a wild ride where we dig into the depths of how the event loop currently works, how it will change, and what this means practically for us as React and React Native developers.

Discover how React's often overlooked concurrent features like startTransition, useDeferredValue, and Suspense can transform your application's performance and responsiveness. Learn practical techniques to prioritise critical updates, gracefully handle loading states, and create fluid user experiences even with complex data interactions.

In this talk, we'll explore building full-stack web applications powered by Astro and Astro DB.We'll start by discovering the basics of Astro, why and where it's useful, and how to build a simple web application with it. We'll discover how to use Astro's hybrid rendering mode to add API routes and dynamic server-side rendering to the application.Then we'll dive into Astro DB, a simple, yet powerful ORM used to communicate between a LibSQL database and your Astro application. Also, Astro 5.0-beta has been released, we’ll round up the talk by looking at the new features, some demos and discovering how to upgrade.