Name: JSNation US 2026
Start: 2026-11-16T13:00:00.000Z
End: 2026-11-19T22:59:00.000Z

HT Sahin

Vitor Barbosa

Sanketh Kumar

Basseydou OUATTARA

Julián Parrilla Calvo

Jonathan Kemp

Fathima Fasna

Ellis Antaya

Chris Yates

Yakovlev Eugen

Erin Murphy

Ivan Orekhov

Jacob Rasmuson

Filippo Biasiolo

Varun

Michael Chiche

Hugo Blanchard

Ivan Almasi

El Mehdi Aarab

Veranika Kasparevych

Iandra Bedin

Keertivaas S

Martin Jensen

Aleena Harold Peter

Daniele Macannuco

Erik

Yoshie Garcés Rodríguez    (Yoshiedev)

Francisca Beatriz Medina Concha

Nate Dillon

Anil Emre  Gunay

Alana

Pranathi Tammina

Alexandra Domareski

Bob Clingan

AI is writing more code every day. The skill that won't get automated is knowing what to build and the system design thinking to make it happen at scale. In this full-day workshop, you will develop the judgment that sits upstream and downstream of implementation: how to validate a problem before you commit to a solution, how to understand the users you are actually building for (not the ones you imagine), how to prioritize ruthlessly when everything feels urgent, and how to establish feedback loops that keep you building the right things after you ship. These are not PM skills. They are the technical judgment that the best engineers have always had, and that becomes the defining skill as implementation gets faster and cheaper. What you will learn:- Validate before you build: surface real user pain, not solution-shaped stories- Understand users in context: close the gap between your mental model and theirs- Prioritize what deserves to exist: apply the Kano model and know what to cut- Translate decisions for stakeholders: navigate contested requirements productively- Close the loop: establish post-ship feedback habits that drive continuous improvement Who it's for: Software engineers with professional experience. No specific stack required. PMs and designers welcome.

Build the Right Thing: Product Engineering for Software Developers

Kent C. Dodds

JavaScript has been around for almost 30 years and we are still finding ways to hurt ourselves with it.Sit back, relax, and join me on this journey through the history of JS security vulnerabilities. We will be starting in the days of innerHTML abuse and Cross-Site Request Forgery, moving along through the JSON hijacking era, making a stop to take a look at npm supply chain abuse, and landing in what we’re all dealing with presently: how AI assisted coding is introducing new vulnerabilities in ways we have not had to deal with before. By the end, you’ll have a better understanding of how JS’s attack surface has evolved, why bugs keep resurfacing under new names (cough cough, it’s trust), and what patterns to watch out for with current code you’re shipping. You’ll also understand why XSS has always been a top OWASP injection vulnerability, and will continue to be until we enforce better security practices.You don't need a security background to follow along, you just need to have run npm install and trusted what came back.

Everything is Fine: A Brief History of JavaScript Security

Rachel White

JavaScript Framework authors face a brutal tradeoff when it comes to observability, either ship "blind" code and rely on 3rd parties to brittlely monkey-patch your API, or bloat your bundle with heavy observability dependencies. Both options hurt developer experience and performance.Tracing Channels changed this. A native, zero-dependency pattern that allows frameworks to emit events that are contextualized, and execution-correlated end to end.In this session, I'll show how tracing channels enable open observability APIs that progressively enhance with newer Node.js versions and gracefully degrade with zero overhead. We will also take a look at how popular libraries and frameworks that we use today implement their tracing channels and the patterns that allows them to benefit users and APM providers.Stop paying the instrumentation tax. Learn how to build observable frameworks by default, giving your users control without the cost.

Instrumentation Without the Tax: Native Tracing Channels in Node.js

Abdelrahman Awad

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 along with React's "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.

Modern React Architecture

Brad Westfall

A more and more common story: You're asked to add AI to a product. Not a chatbot. Not an AI platform. Just one small feature that needed to be smarter. In this talk I'll share practical lessons from shipping a small LLM feature in production: how to keep the architecture simple, how to set guardrails, how to ethically communicate with your values, and how to decide when AI is actually the right tool. This isn't the first time a big technology hype catches up to us and might creep us out at first, and this talk will look at this history, too.

The Feature That Didn't Need To Be Smart

Carmen Huidobro

Your chat agent has cute loading states: "thinking", "percolating", "vibing" but your voice agents don't have this luxury.  Anything past 1 second of silence feels broken and your voice agent repeating a loading state verb loses your users. This session will demonstrate what happens when agents designed for text meet a phone call and how to handle common issues like buying time, error states, and confirmations when voice is your interface. Attendees will leave with patterns to apply to integrate tools to your voice agents and create experiences your users won't hang up on.

There Is No Loading State: Real Time Tool Calling for Voice Agents

Amanda Martin

I have been running an AI second brain as a developer for the past year, and it saves me at least 20 hours every week. It knows my repos and the conventions in each one, dispatches coding work to run in the background, drafts my email replies, and pings me on Slack when something needs my attention. In this talk I will show you how to build one in TypeScript. We will walk through the four parts that make it work. The memory is just markdown files that the agent writes to and curates itself. Hybrid search runs over that memory so the agent pulls the right context at the right time. A scheduled loop makes it proactive, reviewing what happened yesterday, promoting what mattered into long term memory, and surfacing what needs me today. And an integration layer connects all of it to my repositories, my inbox, and the rest of the platforms I actually work in. You will leave with the full architecture and a clear path to building your own.

Build Your AI Second Brain in TypeScript

Cole Medin

<div>Join us for a hands-on workshop built for developers who want to move from idea to working software faster, using Claude Code, Anthropic's agentic coding tool. Unlike a typical autocomplete-style assistant, Claude Code lives in your terminal, IDE, or desktop app, reads and understands your entire codebase, and can take direct action: editing files, running commands, and handling git workflows, all through natural language.</div><div> </div><div>In this workshop, you'll initialize a Next.js project from scratch and use Claude Code to plan, build, and iterate on a real, working application. You'll set up a `CLAUDE.md` file to give Claude persistent project context and conventions, so you're not repeating yourself in every prompt, and use Plan Mode to review an agent's approach before it touches any code, keeping you in control of multi-step changes. Along the way, you'll write effective prompts, delegate multi-step coding tasks, and let Claude Code handle the repetitive work of scaffolding, wiring up components, and debugging, so you can focus on product decisions and architecture instead of boilerplate.</div><div> </div><div>By the end of the session, you'll have shipped a functioning Next.js application and gained a practical workflow for using Claude Code on your own projects, whether you're prototyping quickly or working within an existing codebase.</div><div> </div><div>No prior experience with Claude Code is required. Some familiarity with React or Next.js is helpful but not essential; we'll cover what you need to know as we go.</div>

Ship a Next.js App with Claude Code

Maurice de Beijer

In this talk, we’ll explore how to evolve beyond primary-500 and dark: classes toward semantic, variable-driven design systems that unify your entire app - from components to layout to AI-generated UI.

Design Systems for Humans and Machines

Kiril Peyanski

What happens when AI tools meet the realities of a 130-year-old organisation with legacy systems, complex processes, and high expectations for reliability? In this talk, I’ll share practical lessons from introducing AI-assisted software development in a traditional environment: where it genuinely accelerates delivery, where it fails, and how teams can use it responsibly. Expect real examples, workflows, and honest insights on using AI beyond the hype.

Using AI to Write Software at a 130-Year-Old Organisation

Rumen Manev

AI systems have a new class of vulnerabilities that most developers aren't thinking about yet. This talk covers how they work, what's been exploited in the wild, and where the field is headed.

The Vulnerabilities Hiding in Your AI Workflow

Aviv Keller

Stop prompting. Start orchestrating. In four intense hours you'll go from using Claude Code like a faster autocomplete to commanding it like a senior engineer commands a team: engineering its context, deploying fleets of subagents, locking it down with hooks, and turning it loose on work that runs without you.Every Claude Code user hits a ceiling where the easy wins run out. The agent handles small stuff beautifully, then loses the thread on anything real. The difference between that ceiling and real mastery isn't better prompts. It's control. This workshop is about control.You'll spend the whole four hours inside CLASH, a real full-stack application, handed to you fully built so nothing stands between you and the hard parts. A serious codebase is the point: it's the only place agentic engineering shows you whether it actually holds up.The throughline is context. Treated carelessly, the context window fills with noise until the agent drifts. Treated as a resource you engineer, it becomes the biggest lever you have. From there the toolkit opens up. Repeatable work becomes a reusable Skill. Noisy, exploratory work goes to subagents that run in their own isolated context, several at once when the job allows. Hard rules become hooks the agent cannot cross. Your own systems come into reach through MCP.Then you let go of the wheel, carefully. The same agent that pairs with you can run headless in a pipeline, drive a long task to a defined finish on its own, or live inside your software through the Agent SDK. We close by setting two greenfield methodologies, Spec Kit and BMAD, side by side, so you leave knowing not just how to drive the agent but which approach fits which problem.Two ideas hold it together: context is king, and you push it, you own it. This was never about generating code faster. It's about staying in command while the agent does more.This is an advanced session for engineers, tech leads, and architects who already use Claude Code every day and want to reach the top of the curve. We move fast, and we start in the deep end.

Claude Code: Black Belt

Pawel Sawicki

Python's scientific and data ecosystem rests on one library: NumPy. Pandas, scikit-learn, SciPy, and most ML tooling are built on top of it. JavaScript has never had a real equivalent, and that gap is a big reason serious numeric and data work still defaults to Python. The hard part about bringing NumPy to JS? Performance.numpy-ts is a complete NumPy for TypeScript and JavaScript, and this talk is the story of making it fast. The first version was 15x slower than native NumPy. The obvious move, rewriting hot paths in WASM, got it to roughly 2x slower and then stalled, for reasons that turned out to have nothing to do with FFI overhead. The fix was architectural: changing where the array data lives.We'll trace that journey across 7,159 benchmarks, from 15x slower to faster than native, and the copy tax hiding inside most WASM-accelerated JS libraries along the way.

Who Owns the Bytes? Making numpy-ts as Fast as Native

Nicolas Dupont

Lo, at stage two and point-seven of the ECMAScript standard proposal process, there stands a gate to a dark reflection of our own realm — a realm the light can never touch, where only the fleeting shadows of our banished code can dwell. Fear not, traveler: at such time as the ShadowRealm is loosed upon the web platform, this talk will see that you stand at the ready to command its dark and fearsome majjycks!Okay, okay — but with a name like "ShadowRealm," how could I resist? This proposal would introduce a new kind of realm specifically designed for isolation, allowing us to offload code to a "clean room" realm with its own global and built-in objects but _not_ its own execution context. The proposed syntax is exceptionally simple and the theoretical use cases are solid, but how useful would a ShadowRealm be in practical terms? What problems would it solve; what problems would it _fail_ to solve? Will I be able to resist showing up for this talk in a wizard costume (I will absolutely be able to resist this, yes)? In this talk we'll take a guided tour of the ShadowRealm proposal, no runes or portals required.

Banishing JavaScript to the ShadowRealm

 Mat Marquis

AI coding assistants are evolving from simple autocomplete to autonomous agents that can interact with external systems. But how do you teach an agent to follow your workflows and use the right tools at the right time?In this hands-on workshop, you'll discover:<ul><li>What MCP (Model Context Protocol) is and how it standardizes tool integration for LLMs</li><li>How Agent Skills package domain-specific knowledge and workflows for AI agents</li><li>The key differences between MCP servers and Skills, and when to use each</li><li>How to create a custom Skill that orchestrates multiple MCP tools into a cohesive workflow</li></ul>By the end of this session, you'll build your own AI Skill that uses MCP tools — a Matrix-themed Neo fighting skill.Who should attend: This workshop is ideal for software developers who use AI coding assistants (Claude Code, Cursor, or similar) and want to extend their capabilities with custom integrations and workflows. No prior MCP or Skills experience required — just bring your curiosity and a laptop.

Let’s Teach Neo Kung-Fu: Building an Agentic Skill with MCP Tools

Misha Kazakov

Automated accessibility testing libraries like axe can identify many issues, but they cannot tell you whether your product is truly accessible.We will discuss how to build a layered accessibility testing strategy using a range of tools. We will look at which issues tools like axe can reliably identify, where their limits are, how to use Playwright to add another testing layer, and which areas still require manual review.

Beyond Axe: A Layered Strategy for Accessibility Testing

Elena Darevskaya

Is JavaScript just logic, or also an infinite brush? We'll discover algorithmic art: fractals, cellular automata, and the "Algorist". We close with a live demo where the audience's applause generates art in real time.

Infinite Patterns in the Digital Canvas

Join the Nation`s space program! The conference to get updates from the authors and core teams presenting on the West largest dome screen.

JSNation US

I’m attending the main #JavaScript conference in the US. Join me and 10k other JS engineers. Follow this link to receive a free remote ticket. The theme of the year is AI for coding and the future of #WebDev.

#JSNation

JSNation US 2026

FocusReactive

CKEditor

Hygraph

Bloomberg

FusionAuth

CodeRabbit

Algorand

ButterCMS

Firebase

Arcjet

AWS (Kiro)

CKEditor is a modern, feature-rich JavaScript text editor with clean UI and perfect UX

With 10,000+ front-end apps + one of the world’s largest JavaScript/TypeScript codebases, @TechAtBloomberg is deeply committed to using JS/TS in building the world's most trusted information network for finance pros.

Any Language. Any Platform. Any Technology.

Cut code review time & bugs in half, instantly

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

Make your app the best it can be with Firebase and generative AI

Kiro helps you do your best work by bringing structure to AI coding with spec-driven development.

FocusReactive is an&nbsp;<meta charset="utf-8" id="isPasted">engineering-led <a href="https://focusreactive.com/services/headless-cms-expert-agency/">Headless CMS Agency</a>&nbsp;and&nbsp;<a href="https://focusreactive.com/next-js-expert-agency/">NextJS&nbsp;development experts</a>. Independent partners of Payload CMS, Sanity, Storyblok, Vercel and Shopify. Delivering&nbsp;<meta charset="utf-8" id="isPasted">Composable content platforms built for AI SEO, growing teams, and marketing velocity.