This workshop dives into the core of building resilient, scalable, production-ready applications with React and Next.js, grounding you in a pragmatic approach to software development. We’ll tackle common web performance pitfalls, showing you how to make impactful optimizations without compromising readability, maintainability, or speed, essential when delivering under tight timelines. You’ll explore resilience patterns that enable your applications to perform reliably under real-world demands along with how to make the right compromises, whether you’re building for early-stage platforms or scaling up to serve millions of global users.

Covering React reconciliation fundamentals, we’ll provide the context needed for structuring large-scale component architectures, alongside best practices for designing components that stay maintainable over time. Through a case study using TanStack Query, you’ll tackle data fetching at scale to ensure optimal app performance with complex data requirements.

Finally, we’ll focus on post-deployment strategies, including setting up observability and monitoring tools to detect issues early. This workshop provides an adaptable playbook for creating robust applications that endure, building a skill set to navigate the evolving problem spaces and needs across different project stages, whether you’re developing from scratch or scaling for global audiences.

React Query has become the standard for server side state management in React applications, however, certain apps still require a lot of client side state. For such apps, there are a lot of great options to handle client side state out there and React Query is not meant to replace any of them. Mobx is one of them and even though it has been out for a while, it has stood the test of time and it is still very powerful.

What if we can combine the power of React Query for server state while keeping the amazing ergonomics and fine-grained reactivity of Mobx for client state?

Meet Mobx Query, a React Query adapter for Mobx that makes this possibility a reality.

An SPA-first approach to full-stack React. Faris will walk through the core ideas behind TanStack Start, its architecture, and when this model makes sense in real-world apps.

As the React ecosystem matures, metaframeworks like Next.js, Remix, and Astro are leading the charge in enhancing performance, simplifying development, and expanding capabilities. This talk will explore how these metaframeworks build upon React to deliver more scalable, efficient, and powerful web applications, making them essential tools for modern developers.