Schedule

AI tools are changing how we design, build, and test user interfaces. This talk looks at current AI technologies that are improving the frontend development process and how to use them, including:- Using Visual Copilot to convert Figma designs into production-ready code;- Implementing AI agents for automated code writing and testing;- Real-world examples showing how AI tools can improve development speed and joy.

Remember when software architecture seemed like just boxes and arrows on a whiteboard? In this talk, we'll challenge that view and explore what really matters in modern software design. You will discover how successful architects think beyond tech specs, seeing architecture as a living story shaped by people, teams, and evolving needs. You'll gain fresh perspectives on building systems that last and learn why the best architectures are more about enabling people than enforcing technical decisions.

Most software projects fail, but shipping fast improves your chances of success. That’s why focusing on iteration velocity is so important and you should design your application architecture accordingly. Full stack frameworks like Next and Remix give you full control over the web experience with access to a dedicated web server. With Next and Remix, you expose custom endpoints for your UI (server actions, Remix actions and loaders) and use special-purpose payloads (e.g., via RSC or turbo-stream) tailored for the web frontend.

You got here because you're amazing at technology, writing code, and getting things done. You grew your career by growing your skills. Now your technical chops are a baseline default. Learning a new library or framework or programming language won't do squat for your career anymore.

As applications scale in complexity, managing user permissions becomes a growing challenge. Without a structured approach, permissions quickly become a tangled mess of if-else statements, leading to poor maintainability and scalability. While Role-Based Access Control (RBAC) provides a strong starting point for managing user access, it may not offer the level of granularity needed as your app evolves. To gain finer control over who can perform what actions, on which objects, and under what conditions, the Attribute-Based Access Control (ABAC) model, recommended by OWASP, becomes invaluable.In this session, we’ll explore two practical approaches to building a scalable permissions system in React.

AI-powered development tools are excellent for helping us deliver code more quickly. However, based on my extensive experience in test automation and identity management, I've noticed that these tools can also introduce subtle security issues that might even impress Skynet.In this session, I will discuss real-world examples where AI assistants have inadvertently worked against developers, highlighting cases of data leaks, supply chain attacks, and prompt injection vulnerabilities. You will learn effective strategies to identify AI-generated security issues before they impact you. After all, if Skynet ever awakens, let's ensure it isn't due to an untested AI-generated function that set it off.

In this session, I will discuss how React can be a powerful tool for creating applications that are not only scalable and secure but also inclusive and impactful in emerging markets. Drawing from real-world examples, such as Sunga, a financial platform designed for the Malawian market, and Chip In Agriculture, a project that connects farmers with buyers, I will demonstrate how React’s flexibility and efficiency can drive innovation in sectors like agriculture and finance. Participants will gain valuable insights on building applications that prioritize accessibility, security, and community empowerment, and leave with actionable knowledge on how to apply these principles in their own projects to make a meaningful difference in underserved regions.

An enthusiastic look at some real-life horror stories of accessibility gone wrong. Learn accessibility best practices by examining cases where some people (myself included) built the right things the wrong way. Some customers were simply confused, while others literally became nauseous of what was built. Come learn from (my) mistakes while having a good laugh.

Discover how modern form validation techniques are revolutionizing React development. This talk explores the transition from traditional methods to innovative, unit testing-inspired frameworks that streamline validation logic. Learn how to leverage declarative syntax and framework-agnostic solutions to enhance user experience and maintainability in your React applications. Gain practical insights into managing state and asynchronous validations for robust and scalable solutions.

What if the architecture of our web applications wasn't solely about technological choices? Many backend architecture practices could be relevant in the frontend but remain underutilized. These practices capitalize on how our brain functions to enhance efficiency. Since we spend over 70% of our time reading code, developing the ability to read more efficiently, achievable through solid architecture practices, would be advantageous.

It's been several months since the release of React Compiler Beta, but for some reason there are hardly any talks describing this tool in all depth.I mean, what are those dozens of tabs on the React Compiler Playground website? How does those 30+ environment flags work? And most importantly, can it affect my React website in production and can I benefit from utilizing all of these settings and tools?Let's dive deep (and I mean really deep) into the React Compiler source code and see how flexible this tool is and what are the challenges of working with it?

TiKevin83 details how he used next.js and webassembly (WASM) to port a speedrun-accurate Game Boy emulator onto the web. Topics include using emscripten to compile a C library into a WASM module, interfacing with a WASM module from a Next.js site, video and audio playback onto the canvas and audio APIs from a WASM module, and nuances of web control schemes especially in implementing multi-touch input.

Unlock the potential of geospatial data by combining React and deck.gl to create immersive web applications. This talk will demonstrate how to transform complex datasets into interactive, high-performance visualizations that captivate users. Whether you’re working on urban planning, environmental monitoring, or storytelling, learn how to elevate your projects with cutting-edge mapping technologies.

Performance optimization is critical to delivering fast and seamless user experiences in the ever-evolving web development landscape. This talk delves into the innovative use of speculation rules to enhance web loading times and overall performance. Attendees will gain insights into the principles and mechanisms behind speculation rules, learn how they predict and pre-fetch resources, and explore real-world applications and case studies demonstrating their impact. Join me to discover how speculation rules advance the limits of web performance optimization and how you can implement these techniques to create faster, more efficient web applications.

It’s now easier than ever to build and maintain Rust libraries for React Native - and I’ll show you how.I want to tell you the story of how we got here in the first place, motivate the benefits of Rust libraries in React Native, explain the difficulties of interoperating across native languages and show how the introduction of the NAPI binding in Hermes and the new Ferric build tool, brings the missing pieces for automatically generating performant type-safe prebuilt bindings of Rust libraries.My ultimate goal of this talk is to inspire you to build with Rust in your next React Native project.

Building real-time multiplayer games in React Native presents unique architectural challenges. Through the lens of a reflex-testing game, this talk demonstrates practical solutions for state management, routing, and real-time synchronization. Developers will learn battle-tested patterns for handling complex game states and implementing responsive multiplayer features.

Unlock the full potential of modern web applications with multi-threaded architectures in React. This session explores strategies for leveraging Web Workers and OffscreenCanvas to parallelise data processing, heavy computations, and UI rendering. We'll discover how to create interfaces that are scalable and unrestricted by conventional JavaScript bottlenecks.

Starting a startup is one thing - scaling it is another beast entirely. In this practical, experience-driven talk, I'll take you through our two-year journey of building and scaling a JavaScript application from ground zero. Rather than theoretical concepts, you'll hear real stories about the technical challenges we faced and the solutions we implemented.

As our React applications grow, so do the challenges of maintaining bug-free code. Crafting a reliable test suite can be a daunting task, often plagued by flakiness and complexity. In this talk, I’ll break down a practical, engineering-first approach to writing tests that actually make development smoother. We’ll dive into the best ways to integrate Playwright with React, ditch outdated testing mindsets, and adopt strategies that ensure your app works as expected—without the headaches.

This talk explores the architectural implications for frontend development in serverless applications. I’ll examine how the stateless, on-demand nature of serverless backends requires frontend developers to adopt new patterns and strategies. We’ll discuss how architectural decisions around distributed state management, connection handling techniques to mitigate cold starts, designing better loading experiences, implementing robust error boundaries, and adapting authentication logic impact the frontend architecture in serverless environments.

This talk introduces you to unconventional places where React can be rendered to solve problems outside the the boundaries of your browser window. It speciically dives into Productivity Plugins and Embedded Systems.

Join Elio for a talk on mastering live coding demos. Learn to script your demos for seamless, error-free execution using Visual Studio Code and the Demo Time extension. Ideal for anyone performing live coding at conferences, webinars, or team meetings, this session will help transform your presentations from stressful to impressive.

Animation often sits in between design and dev. Sometimes a passionate designer will include animation guides into their Figma designs. If they don't, sometimes a passionate dev will take the initiative and throw in an animation of their own. Let's talk about how to make animation a first class citizen and include it in your design process.In this talk I'll cover some animation basics, WHY you should consider animation, examples of EFFECTIVE animations vs DISTRACTING animations, some WARNINGs about animations, the different TYPES of animation (css vs js, springs vs time based) and MORE!