June 12 - 16, 2025
JS Nation
Amsterdam & Online

JSNation 2025

The main JavaScript conference of the year

Discover the future of the JavaScript development ecosystem and get connected to its stellar crowd! JSNation is the best place to learn about JavaScript – beside the main JS conf talks and panel discussion with high-profile specialists, be prepared for awesome MCs, in-depth workshops, a number of discussions & networking rooms, interactive entertainment, and engaging challenges for all participants.

This edition of the event has finished, the latest updates of this JavaScript Conference are available on the Brand Website.
Vite and the Future of JavaScript Tooling
23 min
Vite and the Future of JavaScript Tooling
Evan Yeo discusses Vite's growth, challenges with dependencies like ES Build and Rollup, and the creation of the bundler Rolldown. The JavaScript ecosystem faces fragmentation, but the company aims for a unified JavaScript stack. Rust is chosen for lower-level development, while JavaScript and TypeScript for high-level APIs. Roldown offers advanced bundling features, outperforming existing tools. Integration with Vite leads to tailored optimizations and significant speed improvements. Vite+ development focuses on creating a comprehensive toolkit. VitePlus integrates TS-down for library bundling, ViteTest for testing, and OX-Lint for linting. Future plans include monorepo awareness, build orchestration, and framework-like features.
Modern React Architecture
Jun 18, 14:00
Modern React Architecture
WorkshopPro
Brad Westfall
Brad Westfall
In this workshop we'll dive into the latest advancements in React and best practices for building modern React apps. We'll take a look at modern NextJS and React Router 7 Framework (aka Remix) along with React's new "React Server Components". We'll also talk about improving the data-fetching strategies of your SPAs along with options for migrating your SPA to modern React Router.
Register
How to 9,2x Your Development Speed with Cline
Jun 18, 16:00
How to 9,2x Your Development Speed with Cline
Workshop
Nik Pash
Nik Pash
The way we write code is fundamentally changing. Instead of getting stuck in nested loops and implementation details, imagine focusing purely on architecture and creative problem-solving while your AI pair programmer handles the execution. In this hands-on workshop, I'll show you how to leverage Cline (an autonomous coding agent that recently hit 1M VS Code downloads) to dramatically accelerate your development workflow through a practice we call "vibe coding" - where humans focus on high-level thinking and AI handles the implementation.You'll discover:The fundamental principles of "vibe coding" and how it differs from traditional developmentHow to architect solutions at a high level and have AI implement them accuratelyLive demo: Building a production-grade caching system in Go that saved us $500/weekTechniques for using AI to understand complex codebases in minutes instead of hoursBest practices for prompting AI agents to get exactly the code you wantCommon pitfalls to avoid when working with AI coding assistantsStrategies for using AI to accelerate learning and reduce dependency on senior engineersHow to effectively combine human creativity with AI implementation capabilitiesWhether you're a junior developer looking to accelerate your learning or a senior engineer wanting to optimize your workflow, you'll leave this workshop with practical experience in AI-assisted development that you can immediately apply to your projects. Through live coding demos and hands-on exercises, you'll learn how to leverage Cline to write better code faster while focusing on what matters - solving real problems.
Register
Let's Create a GitHub Copilot Extension!
Jun 20, 14:00
Let's Create a GitHub Copilot Extension!
Workshop
Nick Taylor
Nick Taylor
In this workshop, you'll learn how to create a GitHub Copilot Extension. We'll explore GitHub's new AI-powered tool ecosystem and guide you through building your own extension from scratch. By the end of this session, you'll understand how to leverage Copilot Extensions to enhance your development workflow and integrate with third-party services.In This Workshop, You'll Discover:What GitHub Copilot is and its capabilitiesWhat GitHub Copilot Extensions areThe anatomy of a Copilot ExtensionHow to build your own Copilot ExtensionHands-on Development:Clone the template repository: nickytonline/copilot-extension-templateInstall dependenciesExpose your local development serverCreate and configure your GitHub ApplicationUse the Copilot Extensions Preview SDKDebug and test your extensionBy the end of this workshop, you'll have created a working GitHub Copilot Extension that you can use immediately in your development environment. You'll be able to extend this foundation to build more complex integrations and custom AI-powered tools tailored to your specific needs.This workshop is ideal for:Developers looking to enhance their productivity with AI toolsTeams wanting to build custom integrations with GitHub CopilotAnyone interested in creating AI-powered developer tools
Register
Full-stack App in half a Day: Next.js 15 Development Bootcamp
Jun 23, 14:00
Full-stack App in half a Day: Next.js 15 Development Bootcamp
Workshop
Maurice de Beijer
Maurice de Beijer
Unlock the Power of Modern Full-Stack Development in Half a Day!Ready to build lightning-fast, scalable web applications? Join our immersive 4-hour interactive workshop and dive headfirst into the world of Full-Stack Next.js 15!This isn't just another theory session. You'll roll up your sleeves and build a real-world movie comparison application from scratch, guided step-by-step by our expert instructor Maurice. We'll start by setting up your local development environment with a robust PostgreSQL database running in a Docker container. Then, you'll experience the magic of rapid UI generation using v0.dev, allowing you to create stunning interfaces with ease.But we won't stop at the front-end. You'll learn how to seamlessly integrate your UI with a powerful backend using Next.js 15's latest features and the elegant Prisma ORM to interact with your PostgreSQL database. Plus, you'll discover the best practices for handling client-side behavior with a fun, interactive movie comparison feature.Finally, we'll take your application live with continuous deployment to Vercel, showcasing how to effortlessly share your creations with the world. By the end of this workshop, you'll have a fully functional movie comparison app and the confidence to tackle your own full-stack projects using the cutting-edge Next.js 15 ecosystem.
Register
Bundlers: A Deep Dive into Modern JavaScript Build Tools
20 min
Bundlers: A Deep Dive into Modern JavaScript Build Tools
Edoardo, DevRel at Storyblok, explains the importance of JavaScript bundlers and discusses Storyblok's migration to Vite. Challenges with old JavaScript applications are illustrated, emphasizing issues with global variables and dependency control. Optimizing JavaScript module loading through ES modules is discussed, highlighting browser compatibility and performance concerns. The process of creating and structuring JavaScript bundles is detailed, focusing on dependency graphs and module organization. Techniques for managing bundle execution, utilizing abstract syntax trees for code parsing, and implementing optimization strategies are explored, with a specific emphasis on Vite, hot module replacement, and development enhancements.
The 2025 State of JavaScript Testing
24 min
The 2025 State of JavaScript Testing
The talk delves into JavaScript testing challenges, company testing practices diversity, and the evolution of testing tools. It explores the transition to user-centric testing, browser-based component testing, and advancements in AI testing tools. The evolving landscape includes Playwright's features and comprehensive testing solutions. Future trends discuss network mocking, AI testing advancements, and the role of AI in JavaScript testing practices.
When JavaScript Meets OpenTelemetry: It's Observability O'Clock
24 min
When JavaScript Meets OpenTelemetry: It's Observability O'Clock
Yash Verma, software engineer discussing observability and OpenTelemetry, covering the history and importance of monitoring in modern observability. Evolution of tools like Prometheus from Facebook's Project Scuba for real-time queries. Challenges in distributed systems and the shift to tracing for system understanding. OpenTelemetry's role as a vendor-agnostic framework for efficient telemetry data handling and the significance of semantic conventions. Community engagement in OpenTelemetry, emphasizing practical application insights and the industry's movement towards value-driven observability.
Build Your Web Framework From Scratch!
18 min
Build Your Web Framework From Scratch!
Excited to talk at JS Nation about building web frameworks from scratch, covering framework basics and providing an example without a framework. Framework essentials include handling browser views, routing, parameters, response types, errors, and security. Discussing the components a framework needs such as routing, parameters, response types, error handling, authentication, and security. Exploring request handling in a framework with customization of headers, status, and using static methods like response.json. Detailed insights into routing, response customization, and efficient implementation for multiple responses based on paths and methods. Implementation of routing syntax, data retrieval from requests, context handling, middleware integration, and helper functions for response manipulation in a framework.
TypeScript Gymnastics: Why Are They So Powerful for You?
23 min
TypeScript Gymnastics: Why Are They So Powerful for You?
The Talk delves into TypeScript, highlighting its introduction, differences from JavaScript, and providing code examples. It emphasizes the significance of strict typing in TypeScript, showcasing the use of literal types and union types for precise type modeling. The discussion also covers template literal types for creating combined types and precise type matching, as well as conditional handling without if statements and function type inference. Furthermore, it explores looping, recursion, object type manipulation, key manipulation, mapper type, and TypeScript utility types for efficient property management and type manipulation.
The Top 1% Mindset: How High Performers Think, Lead, and Thrive
12 min
The Top 1% Mindset: How High Performers Think, Lead, and Thrive
Top 1% talent in tech focuses on mindset, performance over hustle. Clarity, systems, leverage key for career growth. Systems create predictability, leverage compounds impact, leverage flywheel for long-term success. Build personal operating system, treat yourself like a product, focus on clarity for success. Build confidence, visibility, influence for success. Think leverage, not effort. Optimize career intention. Drive work with purpose.
Web Almanac 2024: Is the Web Sustainable?
13 min
Web Almanac 2024: Is the Web Sustainable?
Burak discusses web sustainability and introduces the Web Almanac report, focusing on the sustainability chapter. Analysis of web page data load improvements between 2022 and 2024 despite exceeding recommended limits. Concerns about the increase in unused CSS and JavaScript data waste in 2024 compared to 2022. Discussion on image optimization techniques like lazy loading and responsive image types. Emphasis on optimizing data transfer through techniques like text compression. Strategies for web optimization include caching, image optimizations, and text compression. Solutions for web page sustainability involve caching, image optimizations, and text compression. Exploring text compression with gzip, optimizing page weight, and addressing green hosting complexities. Addressing website sustainability's cost and emissions, calling for contributors and volunteers.
Divide and Conquer? - Exploring the 'JS0' and 'JSSugar' Proposal for JavaScript Evolution
5 min
Divide and Conquer? - Exploring the 'JS0' and 'JSSugar' Proposal for JavaScript Evolution
JS 0 and JS Sugar proposal for JavaScript evolution. Complexity abstraction to engines. Splitting language into JS0 and JSugar. Lessons learned from developers' concerns and users' preferences. Involvement in shaping JavaScript ecosystem.
Real-Time Robot Control From the Browser With WebRTC
21 min
Real-Time Robot Control From the Browser With WebRTC
Nick Hare, developer advocate at Veeam, learned robotics from open source projects. WebRTC facilitates secure machine connections. Implementing WebRTC involves using Stun, ICE candidates, TURN servers, and signaling. Signaling and Remote Procedure Calls are crucial for peer-to-peer communication. Building a proof of concept with Notify involves PubSub messaging and REST API. Establishing WebRTC connections and data channels enables direct messaging. Video streaming and remote control are demonstrated with a webcam connected to a Raspberry Pi. VM robotics development allows building robots and smart machines with cloud support and SDK.
Building Web Extensions With Your Favourite Framework
25 min
Building Web Extensions With Your Favourite Framework
Alba Silvente, Fullstack Engineer at Servlug, discusses unlocking web extension power with Vue. Shows demo features and AI API usage. Talks about building extensions, standards, structures, open-source tools, and practical use cases. Explores the simplicity and benefits of web extensions for customization, automation, and time-saving. Mentions varied functionalities like translation, JSON formatting, and form filling using extensions. Exploring form-filling extensions and building web extensions with Manifest V3 and Vue. Understanding the structure and components like pop-up and sidebar pages. Discussing manifest.json for defining extension details, background JavaScript in service worker context, and creating popup and sidebar pages. Discussing the importance of different contexts for popup and sidebar pages, customization with various JavaScript frameworks, and utilizing content scripts to interact with web pages. Communicating with content scripts, configuring settings via the options page, and extending web extensions with various functionalities like overriding home pages, bookmarks, history, and adding options to the context menu. Communicating with browser APIs for web extensions using packages like WebExtension Polyfy and webext. Storing data in web extensions efficiently with specialized storage areas. Simplifying communication between components using the WebX Bridge package for seamless browser API interactions. Using Vite and WXT frameworks for web extension development. Implementing preference configuration and communication flow between components for efficient web extension creation with WXD. Defining items in local storage for preferences and using composable for shared components in web extensions development. Using extension storage for web extension synchronization and integrating AI APIs for text analysis. Exploring Content Script Actions, Background API Communication, and Extension Deployment.
What We All Pretend to Know: The Differences Between the JS Engine & JS Runtime
11 min
What We All Pretend to Know: The Differences Between the JS Engine & JS Runtime
Karina Ionkina
Samiul Huque
2 authors
The talk delves into the intricacies of JavaScript engine and runtime, emphasizing the importance of understanding execution processes for effective development and debugging. It discusses how JavaScript engines optimize code through parsing, abstract syntax trees, and byte code execution. Strategies for optimizing code include maintaining type stability, using type-stable arrays, and consistent object shapes to avoid deoptimization. Recommendations for enhancing JavaScript execution involve ensuring input type consistency, using type-stable arrays, and understanding the event loop's role in code execution across different runtimes and engines.
Becoming a Tech Lead: From Tech to People
14 min
Becoming a Tech Lead: From Tech to People
Annamarie Fischer discusses transitioning to a tech lead role, highlighting the importance of soft skills development. Tech leads need to focus on both technical expertise and people skills, including conflict resolution and clear processes. Developing soft skills like active listening, relationship-building, and delegation tools is crucial for effective tech leadership. Mindset shifts from individual to team focus, coding to value-driven decisions, and short-term to long-term thinking are essential for tech leads to succeed in enabling team success and strategic direction.
JavaScript Isn’t Slow – It’s Just Scheduled Wrong
14 min
JavaScript Isn’t Slow – It’s Just Scheduled Wrong
Srilakna discusses JavaScript performance, highlighting scheduling challenges and the limitations of existing models. The introduction of the Post Task Scheduler API addresses these issues, offering promise-based scheduling for specific priorities. The internal workings and implementation of the API are explained, emphasizing task prioritization to ensure smooth UI performance. The API enables developers to control task priorities effectively, preventing UI freeze and lag.
Hot Module Replacement is Easy
11 min
Hot Module Replacement is Easy
Welcome to JS Nation. Homework replacement, also known as HTML, allows code updates without page refresh. Understanding HTML involves APIs, server reactions to file edits, and client-side handling of changes. HTML API lifecycle includes attaching callbacks, disposing unneeded states, and accepting new modules. Server handling file changes, finding related modules, and HTML propagation decisions determine module execution and page reload. Propagation scenarios dictate HTML updates within boundaries or full reloads. Client-server communication through WebSocket manages reloads or module updates.
Sustainable Web Development in Startups: Applying Green Coding Principles for a Greener Future
19 min
Sustainable Web Development in Startups: Applying Green Coding Principles for a Greener Future
Katharina Fetzer emphasizes the importance of green coding principles in startups amidst climate change. High Lane implements cloud native applications and lightweight solutions. Efficient load handling in the cloud involves scalable virtual servers. Resource sharing and optimization in the cloud promote cost efficiency. Highlane's cloud-first strategy and lightweight app development aim for a greener web presence. The webpage relaunch at Highlane reduced emissions by 50%.
Demystifying IPFS: A Web Developer's Guide to Content Distribution
20 min
Demystifying IPFS: A Web Developer's Guide to Content Distribution
Introduction to Demystifying IPFS, discussing the web platform's reach and flaws like link rot and censorship. Discussing the security challenges of web origin anchoring, location addressing flaws, and the introduction to IPFS with content addressing and peer-to-peer networking. Exploring IPFS content addressing with SIDs and the role of providers in data retrieval. Exploring data encoding in IPFS with UnixFS and the role of peer-to-peer networking in content retrieval. Discussing the challenges of peer-to-peer networking in IPFS and the benefits of content addressing. Emphasizing the advantages of censorship resistance, link rot prevention, and tamper-proofing in IPFS. Discussing the importance of DNS link in IPFS and the key operations of addressing data by SID, providing or pinning data, and data retrieval using protocols like bit swap and HTTP from gateways. Introducing the challenges with centralized gateways in IPFS, efforts to eliminate them by turning every IPFS node into a gateway, and the introduction of Helia, a modular TypeScript implementation for Node.js and the web.
Sharing Is Caring – Boosting Micro-frontends Performance With Dependency Sharing
22 min
Sharing Is Caring – Boosting Micro-frontends Performance With Dependency Sharing
Saar Becker discusses the challenges of micro-frontends at monday.com, focusing on bundle size due to loading React multiple times. The hot swap solution v1 is introduced to address this issue by sharing dependencies efficiently. Strategies include providing the same React version, managing shared dependencies through hot swaps, and optimizing bundle building by creating compound-named bundles. The talk delves into revising hot-swapping solutions, resolving indirect dependency issues, and optimizing dependency bundle building for production readiness.
Third-Party Scripts: Surviving the Wild West of the Web
10 min
Third-Party Scripts: Surviving the Wild West of the Web
Anton Zaldinov, senior software engineer, discusses challenges in third-party script development, emphasizing the importance of defensive coding, performance, debugging, and security. Strategies include adapting to privacy changes, efficient script loading, encapsulation, and thorough testing for reliability and security.
Prompt Engineering Toolkit
16 min
Prompt Engineering Toolkit
Manoj Sureddy discusses building a toolkit for prompt engineering with LLM-based solutions, emphasizing the need for a structured approach like React. The toolkit provides a structured approach for prompt development, ensuring organized and reusable templates for various LLM-based solutions. Integration with version control and CI-CD pipeline for automated evaluations, advanced quality evaluation mechanisms using Gemma, and integration of human in the loop evaluations. Focus on maintaining prompt quality, subjective metrics in evaluations, and insights on prompt drift, versioning, real user feedback, and evaluation automation.
Speeding Up Your Node Sever With Rust
21 min
Speeding Up Your Node Sever With Rust
Talk on improving Node server efficiency with Rust. Node's ease of use but inefficiency for some tasks. Example of a slow express server handling high scores inefficiently. Native modules in Rust provide a safer alternative to C for improving efficiency. Rust empowers developers to build reliable and efficient software, with strong static typing and immutability by default. Rust's result and option enums handle error and value absence cases. The ownership system in Rust ensures safe memory management without manual intervention. The importance of ownership in Rust for memory management and error prevention. Writing native modules in Rust with NAPI for easier project creation and code integration. Exploring the efficiency gains of using Rust's native modules for faster performance and reduced risks in development.
Contributing to Web Standards
16 min
Contributing to Web Standards
Hemant emphasizes mastering web standards and the collaboration among various organizations. Different groups like WhatWG, ECMA, IETF, Unicode, and IANA manage specific IT standards. Participation in standards organizations varies in cost. Joining W3C, Ecma, or IETF can aid in web standards development. Engaging in global discussions and contributing test cases are crucial. Community involvement drives web standards evolution towards innovation and inclusivity. Understanding the proposal stages and future trends in web standards is essential for developers.
The Future of Numerical Computing in JavaScript
21 min
The Future of Numerical Computing in JavaScript
Gunj Joshi explores the future of numerical computing in JavaScript, showcasing benefits like privacy, low latency, and accessibility. The talk delves into training models inside browsers, challenges with TensorFlow.js, and the importance of syntactical niceties for readability. It highlights the significance of Jupyter Notebooks, Observable for live coding, and the impact of WebAssembly on JavaScript's performance. The discussion emphasizes NumPy's superiority in numerical applications, the importance of vectorization, and the potential of JavaScript's ecosystem for scientific applications. Additionally, it covers the efficiency of vectorized data processing, performance differences in data processing approaches, and the high performance of WebAssembly in web browsers.
10 Years of Best of JS
28 min
10 Years of Best of JS
Michael discusses the evolution of JavaScript from its early days to modern server-side capabilities, the impact of jQuery, Node.js, and single-page applications with popular libraries like Backbone and AngularJS. The emergence of UI libraries like React, Vue.js, and Angular, alongside meta frameworks like Next.js, Remix, Veltkit, and Solid with server components. The Best of JS project tracks JavaScript project trends, filters out deprecated projects, and monitors GitHub stars for maintenance. The importance of maintaining project relevance, adding new projects continuously, and classifying projects under meaningful tags. The evolution of TypeScript, tool releases like Deno and Burn, styling evolution from CSS to headless components, and the impact of Tailwind CSS. Analysis of CSS optimization, CLI ecosystem, tooling trends, emerging tools, and JavaScript development trends over the past decade.
How We Rebuild the Creative Playground That Flash Took to the Grave
20 min
How We Rebuild the Creative Playground That Flash Took to the Grave
Conall, CTO at Zapper, pays tribute to Flash, highlighting its impact on internet history and accessibility to entertainment. The discussion covers Flash's legacy, technical features, demise due to mobile responsiveness issues, and the rise of HTML5 as its successor. The evolution of web technologies post-Flash is explored, focusing on tools like MatterCraft that bridge runtime and development environments. MatterCraft revolutionizes content creation by offering scripting in TypeScript or JavaScript, enhanced modularity, and features like real-time preview and AI assistance for seamless development.
Transformers.js: State-of-the-Art Machine Learning for the Web
Recording pending
Transformers.js: State-of-the-Art Machine Learning for the Web
Learn about Transformers.js, an innovative JavaScript library for running state-of-the-art machine learning models 100% locally in your browser. With support for nearly 2 000 pretrained models, spanning a wide range of modalities and tasks, Transformers.js empowers developers to seamlessly integrate advanced ML capabilities into their web applications. We'll also explore how we leverage emerging web technologies like WebGPU and WebNN to create interactive, privacy-preserving, and scalable web experiences.
The State of the Web
Recording pending
The State of the Web
A behind-the-scenes look at running the "State of" series of developer surveys (State of JS, CSS, etc.) as well as lessons learned and upcoming trends.
The State of Node.js 2025
Recording pending
The State of Node.js 2025
Node.js continues to thrive despite claims of its decline. We'll debunk myths, highlight recent enhancements, and demonstrate its robust performance in today's tech landscape. The talk will cover Node.js's role in server-side programming and cloud-native applications, community contributions, integration of modern JavaScript features, and influence of emerging technologies. We'll conclude by projecting Node.js's bright future and growth areas in the evolving tech world.
Motion Control With Multimodal LLMs
Recording pending
Motion Control With Multimodal LLMs
What if you could use multimodal LLMs to interact with websites or IoT devices using motion control?As advancements in multimodal AI offer new opportunities to push the boundaries of what can be done with this technology, I started wondering how it could be leveraged from the perspective of human-computer interaction.In this talk, I will take you through my research experimenting with building motion-controlled prototypes using LLMs in JavaScript.
Frontend’s Lost Decade and the Performance Inequality Gap
Recording pending
Frontend’s Lost Decade and the Performance Inequality Gap
The promise of the web is universal access to services across OSes and devices without gatekeepers, but like all systems, the web isn't what it promises – it's what it does. And today, the web is increasingly exclusionary. The roots of this exclusion are a mismatch between the reality of the hardware and networks users access our services from versus our expectations of those same devices and networks. The trends that put wind into JavaScript's sails on the client side in the early 2010's have long since stopped blowing. So, what now? This talk digs into the network and device reality we must confront, and why our future as web developers depends on what we do here and now.
Building Full Stack Apps With Cursor
Recording pending
Building Full Stack Apps With Cursor
Workshop
Mike Mikula
Mike Mikula
In this workshop I’ll cover a repeatable process on how to spin up full stack apps in Cursor.  Expect to understand techniques such as using GPT to create product requirements, database schemas, roadmaps and using those in notes to generate checklists to guide app development.  We will dive further in on how to fix hallucinations/ errors that occur, useful prompts to make your app look and feel modern, approaches to get every layer wired up and more!  By the end expect to be able to run your own AI generated full stack app on your machine!
Please, find the FAQ here
Live Coding: Eliminating Redundant Runtime Checks with Config as Code&Type in TypeScript
Recording pending
Live Coding: Eliminating Redundant Runtime Checks with Config as Code&Type in TypeScript
Workshop
Jannik Sommerfeld
Jannik Sommerfeld
In this workshop, we’ll explore how to manage application configurations directly in your Git repository and integrate them into the TypeScript type system. The goal is to make your code aware of the actual configuration at compile-time, reducing the need for runtime validation and unit tests.You'll discover:How to create lossless types for static dataTechniques to eliminate unnecessary code paths and reduce runtime validationHow to leverage utility types to extract specific information from configurationsKey TypeScript operators and how to handle common pitfalls when working with generic typesBest practices for improving type safety and developer experienceBy the end of this workshop, you'll have a solid understanding of how to implement Config as Code in your TypeScript projects, enhancing maintainability, type safety, and autocomplete support. This workshop is ideal for TypeScript developers looking to optimize their code and streamline configuration management.
Resourceful Suspense
Recording pending
Resourceful Suspense
In modern apps we have millions of lines of code with data coming from a variety of data sources. To achieve swift user experience using a suspense-like pattern is non-negotiable. Only if there's something that could manage the complexities in suspense with prefetching, waterfalls, data dependencies, etc. How can we make suspense more resourceful?In this talk we'll see how templating and signals make the suspense pattern a breeze in Angular. Suspend your disbelief! There's a simpler async state with resources.
AI Right in the Browser With Chrome’s Built-in AI APIs
Recording pending
AI Right in the Browser With Chrome’s Built-in AI APIs
In this talk, Thomas Steiner from Google Chrome's AI team dives into the various built-in AI APIs that the team is currently exploring. First, there's the exploratory Prompt API that allows for free-form interactions with the Gemini Nano model. Second, there are the different task APIs that are fine-tuned to work well for a particular task like translations, language detection, summarization, and writing or rewriting. After introducing the APIs, the final part of the talk focuses on demos, applications, and use cases unlocked through these APIs.
Building Dynamic Grids and Charts
Recording pending
Building Dynamic Grids and Charts
WorkshopFree
Brian Love
Brian Love
AG Grid and AG Charts are enterprise grid and chart libraries that are built for performance. In this workshop, you'll learn the basics of getting started with building feature-rich grids and charts in your React applications.
You'll discover:How quick you can build powerful grid and charting solutions in React:Rendering and editing cells in AG GridBuilding line, bar, and pie charts.In this 3 hours hands-on workshop you'll learn the powerful simplicity of using AG Grid and AG Charts in your apps. Let's be honest, grids and charts can be tough. Thankfully, AG Grid and AG Charts makes it easy. This workshop is helpful for those considering a grid to chart library, for developers, and for team leads.
a11y Testing Is Broken: How Lighthouse and Axe Fail in Real Projects
Recording pending
a11y Testing Is Broken: How Lighthouse and Axe Fail in Real Projects
The European Accessibility Act (EAA) is coming, and companies will rush to certify their websites as accessible in the easiest way possible. But high Lighthouse and Axe scores don't mean real accessibility. Many will rely on these tools to "prove" compliance, despite their critical blind spots – broken focus, misleading ARIA, and inaccessible dynamic content. Even more confusing, Lighthouse and Axe are built on the same foundation, yet they can produce different results. So let's break down these flaws and explore better ways to ensure true accessibility. 
Supercharge Your Debugging With the New Features in Chrome Devtools
Recording pending
Supercharge Your Debugging With the New Features in Chrome Devtools
Barry Pollard
Ewa Gasperowicz
2 authors
Chrome DevTools just got a turbo boost! The Chrome DevTools team has been releasing new features at a furious rate over the past year, including  a complete Performance Panel overhaul with real-time Live Metrics and AI-powered Insights that'll expose bottlenecks you never knew existed. Forget tedious documentation searches and forum hunts; now, AI assists you directly within the Elements, Performance, Network and Sources panels, keeping you in the flow. Use the new alignment and collaboration tools to easily share your observations and debugging wizardry with your team and stakeholders, We'll unleash the full potential of these game-changing features, revealing hidden gems and shortcuts that'll transform your debugging workflow from a slog to a supercharged sprint. Get ready to code faster, debug smarter, and build experiences that fly.
Surprise! Svelte Secretly Sending Signals
Recording pending
Surprise! Svelte Secretly Sending Signals
Svelte 5 introduced runes which use signals under the hood. While signals are very cool and unlock a ton of composability possibilities they have their own gotchas... let's explore them while creating a reactive signal based system from scratch to really understand them from the base!
Temporal: The Curious Incident of the Wrong Nighttime
Recording pending
Temporal: The Curious Incident of the Wrong Nighttime
This is the story of how I almost spent a night on the street — because of JavaScript's Date object! We'll dive in and try to understand why that happened, and how to prevent it. Luckily coming soon to a browser near you is Temporal, the JavaScript built-in API that makes this kind of mess-up a thing of the past.
Auth: Build vs Open Source vs Buy
Recording pending
Auth: Build vs Open Source vs Buy
Starting a new application? Have an existing application that is growing? Choosing the right authentication solution can make or break your product. Should you buy a solution, build your own from scratch, or try an open-source project? The pros and cons of each approach will be discussed. Whether you are a startup founder, product manager or developer, this session will equip you with the insights needed to make an informed choice that aligns with your business goals and technical requirements. 
Let’s Build K.I.T.T. With JavaScript
Recording pending
Let’s Build K.I.T.T. With JavaScript
In the TV series Knight Rider, the concept of an intelligent car was pure sci-fi. Over 40 years later, we now have the tools to bring it to life - purely in the browser. This talk explores combining AI techniques like RAG and function calling with advanced browser APIs (e.g., WebBluetooth) to create a browser-based AI agent with personality, memory, and autonomy, powered by WebAssembly and WebGPU - fully offline and privacy-preserving!
Build Your Own Reactivity: A Deep Dive Into Signals
Recording pending
Build Your Own Reactivity: A Deep Dive Into Signals
Signals have been revolutionizing state management lately, offering a more intuitive and performant approach than traditional methods. But what kind of magic is there under the hood? You change a value, and all places that use that value update and recalculate themselves automagically… 🤔In this talk we will look behind the curtain and explore the inner workings of Signals, by building our own implementation from scratch (Disclaimer: use for learning purposes only 😉).Signals have become almost a de facto building block in JavaScript frameworks lately, with some notable exceptions (looking at you React 👀), so it really pays off to have a deeper understanding about how they operate, how to debug them effectively and how to avoid common pitfalls. Plus, who doesn't like a bit of live coding? ✨
Practical Web AI: Built-In, Browser Based, Brilliant
Recording pending
Practical Web AI: Built-In, Browser Based, Brilliant
AI progress is running away on the server-side, where the GPUs live, but the web platform is never that far behind. In this talk we're going to explore the incredible applications you can build in the browser today and in the near future.You'll see how to build an offline-capable, speech to speech language translation app, a babelfish, using nothing but the web platform. Through this app we'll explore the different ways we can run AI models in the browser today and what may be built into the browser in the future. From low-level standards to high-level experiments, you'll learn how to work with AI on the web.
Configurational Dependencies in pnpm
Recording pending
Configurational Dependencies in pnpm
pnpm v10 added support for a new type of dependency called "Configurational dependencies". These dependencies make it possible to develop pnpm plugins and share your configurations between projects.
Testing the Waters With Deno
Recording pending
Testing the Waters With Deno
Let’s dive into the world of testing with Deno’s built-in test runner! Come on in, the water’s lovely!We’ll kick things off by exploring the principles of effective testing, perfect for beginners dipping their toes in. Then, we’ll introduce Deno’s out-of-the-box test runner.With the Deno.test API, you’ll be jetting in no time. We’ll cover how to write assertions and see firsthand how they help ensure your code behaves as expected.To wrap things up, we’ll explore writing tests that will be familiar to those experienced with Jest and Vitest, using Deno and its standard library. You’ll gain practical knowledge on how simple Deno makes setting up your testing environment, structuring your test cases, and optimizing your testing workflow.Whether you’re a seasoned developer or new to Deno, this talk will provide the tools and knowledge you need to confidently navigate the waters of testing in your Deno projects and make a splash with your testing skills!
How to Build an Open Telemetry SDK in 7 Minutes
Recording pending
How to Build an Open Telemetry SDK in 7 Minutes
In this talk, I'll provide an overview of the fundamental building blocks required to develop a fullstack observability SDK with minimal friction for users. We'll look into OpenTelemetry-compatible instrumentation techniques for error monitoring, tracing, and logging. Drawing from our open-source development experiences at Sentry, I'll share valuable insights and learnings, while primarily focusing on the high-level challenges encountered when creating a JavaScript SDK.
Run TypeScript Natively in Node.js
Recording pending
Run TypeScript Natively in Node.js
Imagine the convenience of executing TypeScript files directly with Node.js using `node file.ts`. Just a few years ago, this concept seemed like a distant dream. Today, it stands as an exciting experimental feature. This talk narrates the journey of transforming this dream into a reality.
The New Defaults of the Modern Web
Recording pending
The New Defaults of the Modern Web
More than a decade ago, kicking off any web project required a huge investment to cover basic capabilities like multi-language support or creative details like animations. Your project will always result in unmaintainable stylesheets and complex JavaScript code just to get to the finish line. Today, the web has become a more mature canvas. With real projects as examples, let me show how the platform has moved the start line for us developers to build innovative and accessible websites.
JSR: Building an Open Registry for the JavaScript Community
Recording pending
JSR: Building an Open Registry for the JavaScript Community
JSR is a community-driven, modern JavaScript registry with a mission to improve the ecosystem through transparency, openness, and innovation. Hear about recent developments, including the establishment of its governance board, ongoing projects and initiatives, and how these efforts directly benefit JavaScript developers. Discover how the community can engage directly, contribute to JSR’s direction, and get insights into the project’s goals and upcoming milestones. 
What Is an AnimationFrame and What Can It Tell You?
Recording pending
What Is an AnimationFrame and What Can It Tell You?
Modern web applications need to be responsive and smooth, providing users with immediate feedback for their interactions. To understand how well our applications perform, we need to understand how browsers process and render content. This is why we now have AnimationFrames, a new representation of unit of work that powers INP and LoAF APIs!
a11y & Interactive Canvases
Recording pending
a11y & Interactive Canvases
Thinking of using <canvas> to render your UI? Great idea! But let’s make it accessible. Learn how to leverage the DOM tree structure to allow users to interact with your canvas using the keyboard and a screen reader. Find out about tricky gotchas and how to work around these.
Discussion: AI and the Modern Developer
Recording pending
Discussion: AI and the Modern Developer
DiscussionRoom
Barry Pollard
Vinicius Dallacqua
Burak Güneli
Thomas Steiner
 Joshua Lochner
5 authors
Whether you're passionate about AI technologies, ethical implications, machine learning advancements, or their impact on everyday life, this is the perfect space for you to share your insights and connect with like-minded individuals. Specifically, we will discuss what sort of skills should one acquire to successfully implement AI-based strategies and software. Come and be part of lively conversations, ask questions, and expand your knowledge.
No Dependencies, No Problem: Streaming AI Over the Phone
Recording pending
No Dependencies, No Problem: Streaming AI Over the Phone
What if you could build a phone agent that listens, thinks, and speaks – without touching a single speech-to-text API or wrangling cloud infrastructure? What if all it took was a WebSocket and some JavaScript you already know?
In this talk, you’ll see how to wire up a minimal AI voice loop using modern tools like Bun, with no dependencies and no boilerplate in the way. It’s a quick, practical demo that puts the focus back on business logic – and shows just how little it takes to get started.
Discussion: Can Vanilla JavaScript Meet Today’s Demands or Not Yet?
Recording pending
Discussion: Can Vanilla JavaScript Meet Today’s Demands or Not Yet?
DiscussionRoom
Barry Pollard
Paolo Ricciuti
Burak Güneli
Thomas Steiner
4 authors
Is it possible to go Vanilla nowadays? Join Barry Pollard, Thomas Steiner, Paolo Ricciuti and Burak Güneli in an engaging discussion room where we explore the answer together! We welcome everyone to lend their voice and contribute to the dialogue. Don't miss out on this opportunity to engage and learn with like-minded individuals.
A JS Dev's Guide to Not Dismissing Blockchain
Recording pending
A JS Dev's Guide to Not Dismissing Blockchain
Still wondering what blockchain is actually good for? This talk breaks it down in clear, developer-friendly terms: what makes it different and where it’s useful. You’ll explore real-world examples and see how AlgoKit 3.0 adds a powerful new tool to your stack — enabling you to build full decentralized applications, including smart contracts, using one familiar language: TypeScript.