JSNation US 2024
who it's for
full-stack JavaScript engineers, frontend engineers, JavaScript library authors, platform and infrastructure engineers, engineering managers, QA and test engineers
topics
AI-assisted developer workflows; web vitals and sustainability; memory leak detection with Reporting API; Signals and reactive primitives; Temporal dates and time APIs; module federation for sharing; micro frontends and security; Web Workers for heavy processing; Rust tooling for JavaScript; Advanced TypeScript for Bun and Node.js; real-time event-driven JavaScript
| title | author | length |
|---|---|---|
| The Ai-Assisted Developer Workflow: Build Faster and Smarter Today | Addy Osmani | 25m |
Claim: AI agents shorten idea to working prototype and iterate beyond it. Concrete demos include vzer generating interactive UI from a screenshot, Bolt… | ||
| Stream from the Community Track: The Ai-Assisted Developer Workflow: Build Faster and Smarter Today | Addy Osmani | |
AI is transforming software engineering by using agents to help with coding. Agents can autonomously complete tasks and make decisions based on data… | ||
| Addy Osmani Q&A Room | Addy Osmani | |
-- no description -- | ||
| Your App Crashes My Browser | Stoyan Stefanov | 18m |
Claims that single‑page apps commonly leak memory — Nolan Lawson’s scan finds 10 out of 10 popular SPAs leaking and one case shows 186 MB after a single… | ||
| No Seriously: htmx is Pro-JavaScript! | Carson Gross | link |
Yes, using htmx to build a web application means you will write less overall JavaScript for your web application. No, this does not make htmx anti-JavaScript… | ||
| Stoyan Stefanov's Room | Stoyan Stefanov | |
-- no description -- | ||
| Carson Gross' Room | Carson Gross | |
-- no description -- | ||
| Rspack Recently Was Awarded Breakthrough of the Year at JSNation | Zack Jackson | link |
For those who have not heard of Rspack, it's a 1:1 port of Webpack to Rust. But, did you know that rspack is actually the 4th iteration of native bundlers our… | ||
| Evolution of Ecosystem/Language | Daniel Ehrenberg, Joran Quinten, Rich Harris, Misha Kaletsky | |
-- no description -- | ||
| Modern JavaScript: Leveling Up Arrays and Intl | Mariko Kosaka | link |
Since JavaScript releases new features every year now, you might miss some of the cool updates to built-in objects like Array and Intl. We'll explore new… | ||
| Green Bytes: How Enhancing Web Vitals Contributes to Environmental Sustainability | Dimitris Kiriakakis | link |
With this talk we will dive into the intersection of web performance optimisation and environmental conservation, focusing on how improving Web Vitals — key… | ||
| Mariko Kosaka's Room | Mariko Kosaka | |
-- no description -- | ||
| Dimitris Kiriakakis' Room | Dimitris Kiriakakis | |
-- no description -- | ||
| Standardizing Signals in TC39 | Daniel Ehrenberg | 20m |
TC39 proposes standardizing the core data structures and algorithms for Signals and demonstrates a polyfill that wraps Angular signals, a signal utils library… | ||
| Simplified Animations on the Web | Mike Hartington | link |
Animations on the web have always seemed like something impossible to do right. With complex JavaScript needed in order to do anything compelling and a lot of… | ||
| Svelte 5: North Star | Rich Harris | link |
Svelte 5 is out, and it's radically different but intimately familiar. | ||
| Benchmark Rusty Parsers in JS | Herrington Darkholme | link |
Rust’s integration into JavaScript tooling promises significant performance gains, yet it’s not without its hurdles. Our benchmarks show Rust parsers do not… | ||
| Herrington Darkholme's Room | Herrington Darkholme | |
-- no description -- | ||
| Five Ways To Make Your Thinking Visible In Engineering Collaboration | Karen Li | link |
Thinking is an essential part of being an engineer. How can you make your thinking visible to others so that you can collaborate better? We will discuss… | ||
| Simplicity vs Complexity in Modern Development Tools | Daniel Ehrenberg, Joran Quinten, Nicholas Yang, Rich Harris, Zack Jackson | |
-- no description -- | ||
| From the Crypt to the Code: Web Security Explored Through Horror Movies | Ramona Schwering | link |
A cryptic videotape haunting its viewers, a shape-shifting entity haunting a research station, or an astronaut unknowingly carrying an alien onto a spaceship… | ||
| 1000 Ways to Autocomplete | CJ Reynolds | link |
Implementing autocomplete in a web app is actually quite tricky if you want to do it right. A good implementation includes de-bouncing input, loading / error… | ||
| Ramona Schwering's Room | Ramona Schwering | |
-- no description -- | ||
| A Look Ahead at Web Development in 2025 | Wes Bos | 23m |
Roadmap lists concrete APIs, demos and costs: Temporal for dates without timezone and customizable select that accepts arbitrary HTML, the speculation API that… | ||
| Porting Turborepo to Rust | Nicholas Yang | link |
Everybody loves talking about Rewriting in Rust, but rewrites are hard. It’s far too easy to fall into second system effect, shipping delays, and end up losing… | ||
| Advanced Playwright Techniques for Flawless Testing | Debbie O'Brien | link |
Playwright enables reliable end-to-end testing for modern web apps. It supports Chromium, WebKit, and firefox for testing on Windows, Linux, and macOS, locally… | ||
| Build RAG from Scratch | Phil Nash | link |
Retrieval augmented generation (RAG) provides large language models with up to date information and helps them hallucinate less. But how does it all work… | ||
| Manual to Magical: AI in Developer Tooling | Tobbe Lundberg | link |
Learn how I built an AI-assisted codemod tool, exploring AI performance and automation. See its impressive ease and speed, inspiring you to create your own… | ||
| Unlocking the Potential of Real-Time Event-Driven Applications With JavaScript | Jarred Utt | link |
In today's fast-paced digital world, real-time event-driven applications are at the heart of delivering dynamic and responsive user experiences. This session… | ||
| AI and Developer Tooling | Shivay Lamba, Dimitris Kiriakakis, Florian Rappl, Alvaro Saburido | 10m |
A Vue custom renderer sits on top of ThreeJS and lets developers declare scenes with components, camera, lights and meshes the transcript shows a working… | ||
| Leveraging Data Flow Programming for Scalable and Efficient AI Systems in Distributed Environments | Satoshi Nakajima | link |
Because of the availability of various AI services and open source LLMs, we are now able to build very sophisticated "agentic" applications. Managing… | ||
| Breaking the Code Behind Realtime Collaboration With Websockets | Vitor Norton | link |
Figma, Google Docs, Miro, and several other tools allow you to see in real time what a person is doing, but how? In this talk, you’ll get to know the concept… | ||
| The Dilemmas I Faced When Building a Component Library | Andrico Karoulla | link |
Ever want to build a component library but felt too intimidated? Don’t worry! I’ll walk you through the dilemmas you’ll face when creating your first component… | ||
| Stop Guessing, Start Measuring: Quantifying Accessibility | Giamir Buoncristiani | link |
Accessibility is crucial for creating inclusive products and often for meeting legal requirements too. However, assessing and quantifying a company's progress… | ||
| Monorepos & Spaceships – Navigating Successfully Through Code and Cosmos | Max Kless | link |
Building a monorepo is like flying a spaceship: many people work together to make sure things don't go up in flames. In this talk we'll go over tools… | ||
| Performance Prioritisation | Daniel Ehrenberg, Dimitris Kiriakakis, Florian Rappl, Vinicius Dallacqua, Yash Verma | |
-- no description -- | ||
| Modern & Secure Streaming on the Web | Katarzyna Dusza | link |
Media streaming is ubiquitous... We listen to our favourite songs while running, or sitting on the train. We are absorbed by audiobooks written by our… | ||
| The Performance Impact of Generated JavaScript | Abhijeet Prasad | link |
When was the last time you peeked inside the dist folder to inspect the JavaScript generated by your framework or bundler? The reality of modern JavaScript… | ||
| Watch Me Run Malware From NPM | Zbyszek Tenerowicz | link |
Watch me run real obfuscated malware from NPM safely while revealing what it does. Learn how it's possible and use the technology behind it to secure your… | ||
| Computer Vision on Your Browser With SVG Filters | Adam Klein | link |
SVG Filters is a powerful web technology that managed to elude the mainstream. It allows us to write computer vision primitives, that when combined can create… | ||
| A Different Kind of Serverless: A Case Study for SQLite and Whisper.cpp | Chris Griffing | link |
You can build applications with a local-first focus. In this case study, we dig into how you might use WASM to run Whisper.cpp for Speech-to-text and also use… | ||
| Fast, Flexible Virtual Scrolling With Functional Programming | Adam Niederer | link |
Virtual scrolling is a clever way to reduce rendering overhead, and is especially helpful as the complexity of websites increases. Although there are many… | ||
| In Memory of Travails | Gabriel Schulhof | link |
Two aspects of resolvers have an outsized influence on their performance: the size of the execution context, and the way we compute their value. In the Node.js… | ||
| Experimentation Driven Development | Graham McNicoll | link |
As developers, we constantly ship new features to production, but how do we know their impact? In this talk, we’ll discuss why it’s important to adopt… | ||
| SolidStart: The Shape of Frameworks to Come | Daniel Afonso | link |
The long-awaited moment has arrived: SolidStart is out of Beta! But what does this mean for us? What should we all know about this unopinionated… | ||
| It’s Time to Fall in Love With CSS (Again) | Tony Alicea | link |
In a world of components written in JavaScript, CSS became a second-class citizen. But forget the memes. In this talk Tony shows how modern CSS can be a… | ||
| Module Federation: Divide, Conquer, Share! | Nataly Rocha | link |
Reusing front-end features built by different teams can be challenging depending on the chosen approach. If we use a library, what about versioning and… | ||
| Scaling a11y | Tim Damen | link |
How does a big organization become accessible? Let’s talk about a11y scaling strategies. To find out how to become accessible, and stay accessible. | ||
| inlang - Using Version Control to Solve i18n | Samuel Stroschein | link |
Every developer knows that i18n is painful. We found the curing pill in the form of version control. We'll talk about: - what's the actual problem with i18n? -… | ||
| Local-First: A Crazy New Way to Build Apps | Anselm Eickhoff | link |
Local-first is a new way of building apps around local state (that is synced among users and server workers) instead of using traditional APIs and databases… | ||
| Micro Frontends and Security | Florian Rappl | link |
Micro Frontends are everywhere - on the client, on the server, and on the edge. Quite often the scalability of micro frontends is determined by the freedom and… | ||
| Nue: The UX Framework for the Web | Tero Piirainen | link |
Nue makes cleaner codebases, brings faster tooling, and spits out websites with incredible design and usability. 1. Cleaner codebases * Content first *… | ||
| Advanced Mathematics and Data Analysis With JavaScript | Gunj Joshi | link |
What if we could use all the advanced mathematical functions, data analysis and visualization tools, etc., inside our browser, with JavaScript, instead of… | ||
| Building Bridges: How Open Source Contributions Enhance Your Web Development Career | Pachi Parra | link |
This talk explores the relationship between personal career development and contributions to open-source projects. We'll look at the skills developers can… | ||
| Web Workers: Handling Heavy Processing on the Client Side | Kevin Uehara | link |
In this talk I will bring an overview how we handle with large process on Client Side (WebApp Applications) using Web Api called Web Worker. I'm going to bring… | ||
| Ensuring Typescript Code Quality With expect-type | Misha Kaletsky | link |
TypeScript's static typing catches many errors, but how do we ensure our type definitions themselves are correct? This talk introduces type testing and… | ||
| JavaScript Took Over the Server, Its Time It Takes Over the Database Too | Benjamin Swerdlow | link |
Freestyle is a new JavaScript runtime that gets rid of your database, by letting you make your in memory JavaScript stateful🤯. We're going to go through the… | ||
| Observability Matters: This Time for Frontend | Yash Verma | link |
Have you ever had that sinking feeling when your favorite app suddenly stops working? You’re not alone. Frontend teams focus on client-side performance to… | ||
| Temporal: Modern Dates and Times in JavaScript | Philip Chimento | link |
Ever been fooled by one of the many pitfalls of the JS Date object? Do you bundle time zone data? Then check out Temporal! Temporal is a TC39 proposal… | ||
| The Roof Is on Fire? | Theodore Vorillas | link |
The devastating wildfires that ravaged Europe in 2023, burning an area the size of London, highlight the urgent need for improved fire detection and reporting… | ||
| AI-Powered E2E UI Testing: Faster Creation, Easier Maintenance | Daniel Ostrovsky | link |
This session will guide you through the advanced field of AI- E2E UI Testing, focusing on how it speeds up test creation and simplifies test maintenance. We'll… | ||
| Unlocking Fun Experiments: Exploring the Web Speech API | Ana Rodrigues | link |
Voice interfaces surround us daily, helping us with some tasks. But let's forget productivity for a second and experiment with our voice on the Web. We will… | ||
| Twenty Years of Web Testing: From Selenium's Dawn to Vitest's Promise | Jessica Sachs | 22m |
A twenty-year timeline names Selenium, JS Test Driver (circa 2007), Karma (2011) and Jest (eclipsing Karma around 2016) and shows concrete wins and failures… | ||
| Hands-On Workshop: Introduction to Pentesting for Web Apps / Web APIs | Gregor Biswanger | link |
Introduction to Pan Testing. Today we'll focus on web apps and web APIs. Set up and configure necessary tools for pan testing. Use Kali Linux with Docker for… | ||
| Advanced TypeScript for Bun and Node.js | Adrian Hajdin | link |
Welcome to the advanced TypeScript workshop for back-end development. We'll dive into interesting concepts, patterns in API development, and type-safe back-end… | ||
| Building Robust Web Applications with Test-Driven Development and Playwright | Maurice de Beijer | link |
Welcome to Building Robust Web Applications Using Test Driven Development and Playwright. We'll be building a small application in a TDD flow using React and… | ||
| What’s With Micro Frontends | Nataly Rocha | link |
Micro-frontends break down a large frontend into smaller, independently deployable pieces. This approach improves scalability, team autonomy, and code… | ||
| Bring the Magic of 3D to Your Vue Applications With TresJS | Alvaro Saburido | link |
What if I told you that this scene or game is entirely done with Vue components? I'm presenting Trace.js, a library to bring 3D to Vue applications. In the… | ||
| nothing matches | ||