Schedule

A look through the main trends revealed by this year's State of Web Dev AI survey results, based on data collected from over 6800 developers.

Standardization pays off - but adoption is where teams bleed. An engineer’s view of adopting Netflix’s UI paved road tooling - Web Framework, Hawkins design system - covering the bumps (and fixes) with real-life examples and playbooks you can apply.

Migrating to a micro-frontend architecture promises scalability, faster development cycles, and autonomous teams but the journey is rarely straightforward. Drawing on real-world experiences and insights from modernising 100s of companies, this talk explores the practical lessons, challenges, and trade-offs companies encounter when adopting micro-frontends.You’ll learn about strategies for defining clear boundaries, handling inter-team dependencies, evolving your architecture incrementally, and avoiding common pitfalls that can derail projects.

For 11 years the WhatsApp Web platform has been used by a billion people, without any consistent design system the entire time. This talk is the story of I sold the project, built one from scratch, and influenced others, to migrate it into a 1M+ LoC frontend. Plus, how this project was both boosted by AI and strongly benefits AI productivity.

It's undeniable that LLMs are slowly (and not even that much) but steadily changing the way we write code. But they have a problem: once you start using something outside of their training set, the performance quickly degrades.Releasing Svelte 5 (with a pretty big syntax rewrite) right before those LLMs started to get good at code was unfortunate, but luckily, there's a way around this! MCP servers can add context for the LLM and guide our future overlords on how to write perfect Svelte code. Learn how we've built the official Svelte MCP and which techniques we used to make LLMs master Svelte 5's runes and reactivity!

The JavaScript ecosystem is moving towards a standardized module system, and Node.js is evolving to aid its adoption. What actually happens when Node.js loads an ES module today? This talk walks the full pipeline - resolution, loading, parsing, compilation, linking, instantiation, and evaluation. We will cover how the work is split between V8 and Node.js, where Node.js differs from browsers and bundlers, and the recent changes in Node.js that unlocks new patterns for better interop, performance, and customization in ESM.

What happens when you turn your audience into a live, distributed load test?We will kick off this session with a high-stakes, multiplayer "Whack-a-Mole" challenge played right from your phone. As you compete for the leaderboard, a live stream of concurrent data will be generated to showcase realtime web capabilities in action across devices.After playing around, it is time to get serious by digging into the challenges, architecture and technologies used when building such a platform. Discover how helpful or distracting AI can be during this process.Key takeaways include:AI: The Good & The Glitchy!The Stack: NextJS, Supabase and Playwright.Realtime: No longer refreshing the page.Automated Testing: Does it work every time?Leave the theory behind and see how modern tools and a bit of trial and error handle the chaos of live user interaction.

MCP Apps are the last piece in moving toward a new web - one that's "nearly" headless. Autonomous agents, not humans, will interact with most websites through MCP, APIs, and other data channels. Websites and browsers become obsolete, replaced by personal assistants that orchestrate tasks on our behalf. In rare cases, agents will fall back to browser capabilities to navigate sites that aren't yet agent-ready.But we'll still need the last mile.Some moments still require human eyes and human input: choosing a seat at a venue, completing a check-in, reviewing a 3D model, verifying intent on important decisions.

Refactoring thousands of files to break a client-side monolith is a daunting task, but when our estimation for extracting the client side monolith hit the 8-year mark, we knew manual refactoring wasn't an option, so we built an AI infrastructure engine that is currently compressing that timeline to just 6 monthsThis isn't a theoretical proposal, we are currently midway through the process, successfully migrating production code daily and compressing that timeline to just 6 months. In this talk, we'll explore the custom orchestration engine driving this reality, while you will walk away understanding how to combine the deterministic reliability of ASTs with the creative power of LLMs to solve your own "impossible" legacy migrations.

Improving the autocomplete in MongoDB's database CLI seemed like a great idea. But when the team tried to flip the feature flag, things quickly started to go sideways: A story of memory leaks, bugs that touch the very core of JavaScript as a language, and hard-learned lessons about testing and performance.

Deno has quietly evolved into far more than a simple server-side runtime. With built-in TypeScript, OpenTelemetry integration, ngrok-like network tunnelling, and deep Node.js compatibility, it's already a powerhouse; but we've been working on something bigger. In this talk, I'll introduce Deno Desktop: a brand new capability that completely changes what you can build with Deno and a single 'deno compile' command. If you've ever wished the JS runtime could meet you where your users actually are, you won't want to miss this one.

TanStack AI is an open-source project built to make it easy for developers to use AI in their applications and in this talk Alem will explain how they used AI to help them prototype concepts, solidify API's and ship the final library in under a month's time. Learn practical use-cases for AI in your day to day life through the lessons learned on the development of TanStack AI.

In this talk, I’ll show how to instrument applications end-to-end with OpenTelemetry, capturing metrics, traces, and logs across the entire request lifecycle. You’ll learn to pinpoint errors, understand why they happen, and fix them faster – guided by real-world examples and a starter template for quick adoption.You’ll also see how to turn telemetry into automated insights using MCPs (Model Context Protocol) to generate reports from your observability stack. Using a Grafana MCP to produce incident summaries, release health reports, and diagnostics with open-source tooling.

Ever wonder how much of your codebase is just… hanging around, doing nothing? At Sentry, we did too - and the answer was more than we expected. In this talk, I’ll share how we used Knip, a powerful tool for detecting unused files, exports, and dependencies, to declutter our frontend codebase. You’ll learn about the practical steps we took to safely identify and remove dead code, how we integrated Knip into our workflows, about unexpected edge-cases and what we learned along the way.

At tldraw, we've been exploring the infinite canvas as a surface for real-time collaboration between multiple agents and multiple users. Learn about what works, what doesn't, and whether the future AI might live on the canvas.Our work with AI on the canvas began with makereal.tldraw.com, often cited as the first "vibe coding" tool to reach escape velocity in November 2023. We later did work with realtime drawing (drawfast.tldraw.com), autocomplete, and a canvas interface for AI with (teach.tldraw.com). In 2024, we shipped an AI workflows app (tldraw.computer) and then returned to our canvas AI learnings with a public starter kit for working on the canvas with cursor-style AI agents (https://tldraw.dev/starter-kits/agent) and then later our spatialized agents-on-the-canvas experiment (fairies.tldraw.com).

Accessibility can often be presented as a checklist but why do your accessibility tests with assistive technology not perform the way you intended? The hidden relationship between browsers, accessibility APIs and assistive technology may be the answer to your frustrations. Understanding this may be the necessary tool you need to smoothen your debugging process.