With the rise of meta frameworks like Remix and tools like React Server Actions and React Query, do you still need a state management solution like Redux, Mobx or Zustand? Let’s explore this with examples.

Scaling SPAs to hundreds of engineers contributing to the same codebase can be challenging. In particular, highly interactive applications with a lot of client-side state. Who owns a certain state? How do we create boundaries between state in different domains? How do we optimise critical paths for different interactions? In this talk I'll explore some patterns and libraries such as Jotai to answer these questions and more.

This talk explores the intersection of Next.js, React Query, and the Backend for Frontend (BFF) design pattern, three vital elements pieces that help solve the puzzle of performant and scalable data fetching.

I’ll start by discussing Next.js and its capabilities for React applications, highlighting its features like server rendering and data pre fetching, and route pre-fetching. I’d then delve into client data fetching and state management, showcasing how React Query brings a new perspective to managing server state hydration in React applications, simplifying data fetching, caching, synchronization, and updates.

The last part of the talk will take the topic further by introducing the Backend For Frontend (BFF) design pattern, demonstrating how a BFF can be integrated with NextJs API handler to work seamlessly as a Proxy with a React application, enhancing user experience and performance by spreading the load of large payloads.

Throughout the talk, real-world examples will be used to provide a practical understanding of these topics.