Name: JSNation 2026
Start: 2026-06-11T11:00:00.000Z
End: 2026-06-15T19:00:00.000Z

Varun

Ciarán Curley

Lera

Aleksei Podgaev

Faris Aziz

Krasimir Tsonev

Phil Nash

Seungho Park

Rajni Gediya

Kyle Langford

Houda Mouttalib

Joanna Otmianowska

 Vinicios Neves

Hunor Márton Borbély

Jose Pablo Fernandez Guerra

Rosario Terranova

Alla Kaplia

João Portela

Mangirdas Darguzis

Boris Karaivanov

Carolina

Va Da

Ondrej Zicha

Svetlana Smirnova

Ivan Almasi

Alex Perez

Hampus Rönström

Patrick ORGAN

Jerad Rutnam

Francisco Herrera

Pagal3

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. Whether you're maintaining a massive monolith or just looking to tidy up, this session will give you practical strategies - and maybe a little inspiration - to start decluttering your own codebase, one Knip at a time.

Dead Code Shouldn’t Exist: How We Removed 28k Lines of Code, One Knip at a Time

Dominik Dorfmeister

In this workshop, we'll go beyond the fundamentals and explore some of the more powerful features React Query has to offer. You'll gain a deeper understanding of how it works under the hood and learn how to write scalable, maintainable React Query code.Together, we'll build a simple example app and incrementally enhance it with one core objective in mind: delivering the best possible user experience. That means snappy interactions, minimal layout shifts, and avoiding unnecessary loading spinners wherever we can.To achieve this, we'll dive into advanced techniques like various forms of prefetching (including integration with route loaders), seeding the query cache, crafting smooth paginated experiences, and even persisting query state through full page reloads using persistence plugins.Note: You should have prior knowledge about React Query if you attend this workshop.

React Query - Beyond the Basic

Ever wondered what it takes to power millions of voice conversations at ChatGPT's scale?When OpenAI needed infrastructure for ChatGPT's Advanced Voice Mode, they turned to LiveKit's open source Agents framework. Not a proprietary black box. Not a closed platform. Open source software that anyone can use, modify, and deploy.In this talk, I'll take you behind the scenes of building production voice AI infrastructure that handles millions of conversations:<ul><li>Why Open Source for Production AI – The technical and business reasons behind the choice</li><li>Architecture Decisions – How we built for scale, reliability, and low latency</li><li>Scaling to Millions of Calls – The challenges you don't anticipate until you hit them</li><li>Lessons Learned – What we'd do differently knowing what we know now</li><li>What's Possible Now – How you can use the same infrastructure for your projects</li></ul>This isn't a sales pitch, it's a technical deep dive with real production metrics, architectural diagrams, and honest discussions about trade-offs. You'll see the actual stack, understand the scaling challenges, and learn from our mistakes.Whether you're building your first voice agent or scaling to production, you'll walk away with insights from one of the largest voice AI deployments in the world. Because the infrastructure powering ChatGPT's voice mode is open source, and it's available to everyone.

Open Source Voice AI: How We Built ChatGPT's Voice Mode Infrastructure

Jesse Hall

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. You will leave with a clearer mental model of how ESM is loaded in Node.js, shed obsolete knowledge and misconceptions, understand where to look when your modules don't work, and learn about the new capabilities that will help you write, run, and share ESM code better on Node.js today.

Life of an ESM in Node.js – and How It's Changing for the Better

Joyee Cheung

In this workshop, we will explore React's latest features: Server Components, Server Actions, and Forms. Gain insights into optimizing server-side rendering, enhancing application interactivity through Server Actions and React 19 hooks, and mastering form creation for robust data handling and validation. Designed for developers of all levels, this workshop provides practical skills to build scalable, performant web applications.

Hands-on React Server Components, Server Actions, and Forms

Aurora Scharff

Code generation scales. Planning and review don't, limiting how fast AI-native teams can ship. This talk traces the evolution of developer tooling to the current explosion of coding agents, and makes the case for why the biggest opportunity now is helping engineers plan and review faster.

Why Software Engineering Is Becoming: Plan and Review

Louis Knight-Webb

For over a decade, Node.js documentation relied on legacy tooling, despite being the critical source of truth for @types/node, Bun, Deno, and AI models. In this talk, we unveil the engineering behind @nodejs/doc-kit – the modular successor to Node’s documentation engine. Discover how we parse massive ASTs and leverage modern Web Standards to solve complex rendering and accessibility issues, creating a high-performance experience designed to delight humans and power the ecosystem.

From Legacy to Delight: The Future of Node.js DX

 Claudio Wunder

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, and GenAI - covering the bumps (and fixes) with real-life examples and playbooks you can apply.

Walking the Netflix Paved Road (Bumps Included): Web Framework, Hawkins Design System, and GenAI

Misha Kazakov

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.

How We Used AI to Build TanStack AI

Alem Tuzlak

JS Nation

I’m attending JSNation – the main JavaScript conference of the year. You may join me there for free with 10k other JS engineers and 40+ great speakers. Just follow this badge. 

#javascript

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 &amp; networking rooms, interactive entertainment, and engaging challenges for all participants.

JSNation 2026

FocusReactive

TinyMCE

Hygraph

Storyblok

Sentry

Handsontable

Twilio

FusionAuth

Datadog

CodeRabbit

Algorand

AG Charts

A front-end component that combines data grid features with spreadsheet UX/UI. Professional support included. Works with React, Angular, Vue, and plain JavaScript.

AG Charts is a new JavaScript Charting Library built by AG Grid. With support for React, Angular, Vue and Vanilla JS, AG Charts is built with the same focus on performance, reliability and ease of use you've come to expect from us, and works seamlessly alongside AG Grid or as a completely standalone solution. Get started with our free community version, or upgrade to Enterprise to access advanced series types and features, which you can also use via Integrated Charts in AG Grid. Learn more at <a href="https://ag-grid.com/charts/" target="_blank" rel="noopener noreferrer">ag-grid.com/charts</a>.

Storyblok is a CMS that works with all modern frameworks and platforms so you are completely free to choose the best option for your project. Kickstart a new CMS project with your favorite technology in a matter of minutes, and for free.

Sentry is essential for monitoring application code quality. From Error tracking to Performance monitoring, developers can see clearer, solve quicker, and learn continuously about their applications — from frontend to backend.&nbsp;

Twilio equips developers with tools to create seamless communication experiences. Whether it's secure verification, real-time messaging, or interactive customer support, Twilio's solutions make it easy.

Get RCS on Twilio Messaging — no code changes required

Any Language. Any Platform. Any Technology.

CodeRabbit is an AI Code Reviewer that works with your existing tool chain like ESLint, Biome, and provides context-aware code review comments with 1-click computable suggestions.&nbsp;CodeRabbit is free for open source.&nbsp;

Algorand is an energy-efficient, quantum-secure, single-layer blockchain with instant finality, consistently high throughput, and low fees.

FocusReactive is a <a href="https://focusreactive.com/nextjs-agency">NextJS agency</a> with deep expertise in <a href="https://focusreactive.com/headless-cms-agency">Headless CMS</a> and <a href="https://focusreactive.com/headless-commerce-agency">Headless Commerce</a>. We partner with Vercel, Shopify, Storyblok, and Sanity to build fast, scalable, SEO-friendly platforms - and provide NextJS tech &amp; AI SEO audits to optimize existing sites.