JSNation 2024
2024-06-13..2024-06-17
Amsterdam, Netherlands
JSNation ·
[JSNation 2019, JSNation Live 2020, JSNation Live 2021, JSNation Conference 2022, JSNation 2023, JSNation 2024, JSNation 2025, JSNation 2026]
who it's for
frontend developers, full-stack engineers, framework and library maintainers, developer tool builders, web performance engineers, accessibility engineers
topics
WebGPU renderer with WebGL2 fallback; WebXR with hand tracking; WebAssembly for interactive tutorials; browser-embedded machine learning models; Chrome DevTools debugging improvements; view transitions and native UI elements; Rust toolchains and new bundlers; peer-to-peer Pear runtime; low-latency JavaScript runtime; Biome linter internals; Drizzle ORM usage and patterns; htmx declarative HTML attributes
| title | author | length |
|---|---|---|
| 10 Years of Independent OSS: A Retrospective | Evan You | 24m |
Ten years of independent OSS shows concrete outcomes: Vue accumulates 2.2M users, 250k+ GitHub stars and a 56% reactivity memory reduction in recent work; Vite… | ||
| Evan You's Q&A Room | Evan You | |
-- no description -- | ||
| What's New in Astro | Fred K. Schott | link |
What's next for Astro? Hear from Fred K. Schott (Astro co-creator, core maintainer) about the future direction for Astro's content-driven web framework… | ||
| ESLint One for All Made Easy | Anthony Fu | link |
Introduce to the new ESLint flat config format, and see how it can greatly improve our experience for both rule makers and users. Make the black box… | ||
| Fred K. Schott's Q&A Room | Fred K. Schott | |
-- no description -- | ||
| Anthony Fu's Q&A Room | Anthony Fu | |
-- no description -- | ||
| From Friction to Flow: Debugging With Chrome DevTools | Jecelyn Yeen | 28m |
Chrome DevTools gets concrete fixes: moving emulate the focus page out of Rendering makes debugging disappearing UI 1,500% more used, adding a right‑click… | ||
| Privacy-First Architecture | Andrey Sitnik | link |
Local-first community created a fresh new architecture for our world dominated by cloud. In this talk, Andrey Sitnik, will advocate for local-first… | ||
| Jecelyn Yeen's Q&A Room | Jecelyn Yeen | |
-- no description -- | ||
| Andrey Sitnik's Q&A Room | Andrey Sitnik | |
-- no description -- | ||
| Angular Renaissance | Minko Gechev | link |
For the past 18 months Angular has been experiencing a lot of momentum that the community has been referring to as the "Angular Renaissance." In this talk… | ||
| Lessons for Building Resilient Codebases | Alex Moldovan | link |
The harsh reality is that software development is messy. You start with the best tools, the best architecture and the best intentions, but quality inevitably… | ||
| Minko Gechev's Q&A Room | Minko Gechev | |
-- no description -- | ||
| Alex Moldovan's Q&A Room | Alex Moldovan | |
-- no description -- | ||
| Challenges for Incremental Production Optimizations | Tobias Koppers | link |
We will look into usual optimization bundlers applied on production builds and how they can be combined with incremental builds. | ||
| Why Your Performance Work Is Not Seen | Vinicius Dallacqua | link |
Between core-web vitals and profiling tools there's always one big obstacle, company buy-in. There are many ways your performance work might not be seen or… | ||
| Tobias Koppers' Q&A Room | Tobias Koppers | |
-- no description -- | ||
| Vinicius Dallacqua's Q&A Room | Vinicius Dallacqua | |
-- no description -- | ||
| Embracing WebGPU and WebXR With Three.js | Mr.doob | 20m |
Three.js reports ~14 years of work with almost 2,000 contributors and demonstrates concrete pieces: a new WebGPU renderer with WebGL2 fallback that aims for… | ||
| Dive Into Advanced TypeScript | Luca Del Puppo | link |
Typescript or not Typescript? More than ten years have passed since its birth, and many of us still struggle to understand and love it. It’s so simple but… | ||
| Luca Del Puppo's Q&A Room | Luca Del Puppo | |
-- no description -- | ||
| Mr.doob's Q&A Room | Mr.doob | |
-- no description -- | ||
| Install Nothing: App UIs With Native Browser APIs | Scott Tolinski | 21m |
Demos run entirely in HTML CSS and vanilla JS with no build step and show working modals using the dialog element 96% with built-in focus and ARIA behavior… | ||
| OSS – Has the Model Become Unsustainable? | Minko Gechev, Anthony Fu, Ramona Schwering, Leo Kettmeir, Andrey Sitnik | |
-- no description -- | ||
| Scott Tolinski 's Q&A Room | Scott Tolinski | |
-- no description -- | ||
| Maya Shavin's Q&A Room | Maya Shavin | |
-- no description -- | ||
| AI First: Applications of the Future | Evan Seaward | 22m |
Claims an AI-first shift beats bolting chatbots on later and shows a working prototype: a browser-embedded model that transcribes audio locally, drives an… | ||
| Testing: Do More With Less | Eugene Fidelin | link |
How can you be confident that your code is well-tested? For me, the criteria are straightforward: you feel comfortable deploying it automatically to production… | ||
| AI – Using AI During Development, What’s the Future of Development Going to Be, etc. | Jason Mayes, Jecelyn Yeen, Maya Shavin, Jarred Utt | |
-- no description -- | ||
| Evan Seaward's Q&A Room | Evan Seaward | |
-- no description -- | ||
| Eugene Fidelin's Q&A Room | Eugene Fidelin | |
-- no description -- | ||
| Unlocking Digital Ownership: How to Store Accounts Using Blockchain Technology | Solange Gueiros | 19m |
A smart contract is deployed live to the Sepolia testnet and a unique NFT collection is minted as a proof-of-account concept with the onchain transaction… | ||
| WebXR? Virtual Reality and Augmented Reality Natively on Browsers | Erick Wendel | link |
Dive into the exciting world of WebXR in my talk about bringing Virtual Reality (VR) and Augmented Reality (AR) directly to web browsers. As a developer, I've… | ||
| Come On Barbie, Let’s Go Party: Using AI for Music Mixing | Ziv Levy | link |
As a DJ, I use many techniques to mix and create new sounds that get peoples’ hands in the air. In this talk I’ll describe AI algorithms based on Neural… | ||
| Growth Path | Ramona Schwering, Vinicius Dallacqua, Sintija Birgele, Heena Gupta | |
-- no description -- | ||
| Erick Wendel's Q&A Room | Erick Wendel | |
-- no description -- | ||
| Ziv Levy's Q&A Room | Ziv Levy | |
-- no description -- | ||
| What Is the Accessibility Tree, Really? | Mathilde Buenerd | link |
Have you ever wondered how screen readers interact with browsers to provide accessible experiences? You may have heard terms like "accessibility APIs"… | ||
| Mathilde Buenerd's Q&A Room | Mathilde Buenerd | |
-- no description -- | ||
| Web Apps of the Future With Web AI | Jason Mayes | 24m |
Argument that web AI runs real models in the browser with concrete wins: models run on-device via JavaScript, WebGPU and WebAssembly, TensorFlow.js and… | ||
| htmx Is Pro-JavaScript | Carson Gross | 23m |
htmx is written in JavaScript and claims to replace heavy client logic with declarative HTML attributes — roughly about a dozen core attributes drive behavior… | ||
| Automate the Browser With Workers Browser Rendering API | Gift Egwuenu | link |
In this talk, we will explore how the Browser Rendering API can automate browser tasks, freeing developers from repetitive manual work. We will begin with an… | ||
| Explain Like I’m Your Manager: Digital Accessibility | Maarten Van Hoof | link |
Are you building digital services aimed towards European consumers? Have you already heard about the European Accessibility Act? Are you aware that in June… | ||
| Gift's QnA | Gift Egwuenu | |
-- no description -- | ||
| Reverse-Engineering Everything to Get Rid of Trust Issues | Mikhail Korolev | link |
Like it or not, those days lots of things around us run on JavaScript. Web, mobile and desktop apps, TVs, fridges and space rockets - you name it! I will talk… | ||
| JS Tooling Ecosystem | Richard Davison, Boshen Chen, Jarred Utt | |
-- no description -- | ||
| Using WebAssembly to Bring Command-Line Tutorials to Life | Robert Aboukhalil | link |
This talk is a case study on using WebAssembly to power sandbox.bio, a platform for command-line tutorials for bioinformatics. We'll focus on how WebAssembly… | ||
| Mastering Cryptography Fundamentals With Node’s Crypto Module | Yonatan Mevorach | link |
Do you know that meme of Homer Simpson trying to hide in the bushes? That's how I would feel when my coworkers would discuss asymmetric encryption, certificate… | ||
| Maarten's QnA | Maarten Van Hoof | |
-- no description -- | ||
| Yonatan's QnA | Yonatan Mevorach | |
-- no description -- | ||
| Conquering Complexity: Refactoring JavaScript Projects | Phil Nash | link |
One of the most common issues in JavaScript code bases is that our code is too complex. As projects and their requirements evolve, complexity creeps in. Excess… | ||
| The Oxc Project, and the Effect of Performance Engineering | Boshen Chen | link |
The Oxidation Compiler project is creating a collection of high-performance JavaScript and TypeScript tools written in Rust. It offers fundamental components… | ||
| Accessibility | Sintija Birgele, Maarten Van Hoof, Selam Moges | |
This is a presentation on accessibility and screen readers. The speaker discusses the evolution of screen readers and how they adapted to graphical user… | ||
| Forget Polygons – Gaussian Splats, the New Approach to Photorealistic 3D Graphics | Dylan Ebert | link |
gsplat.js is an easy-to-use, general-purpose, open-source library for gaussian splatting. This talk will go over how it works, what it's being used for, and… | ||
| What's Inside Biome's Linter? | Emanuele Stoppa | link |
With Emanuele, lead maintainer of Biome, we will explore the internals of Biome's analyzer, which fuels its linter. You'll learn how lint rules are made, what… | ||
| Boshen's QnA | Boshen Chen | |
-- no description -- | ||
| What’s the Deal With Drizzle ORM? | Dan Kochetov | link |
There's already plenty of ORMs in the JS world, so why build another one? In this talk we'll figure out why Drizzle is different from other solutions in the… | ||
| Say WAT Now!? Turbocharged JavaScript With Hand Crafted WASM | Justin Schroeder | link |
Breathe a sigh of relief — you don’t need to learn Rust to use WASM! WebAssembly has its own human readable language: Web Assembly Text format (WAT), and it’s… | ||
| Emanuele's QnA | Emanuele Stoppa | |
-- no description -- | ||
| JS on the Big Screen: Making TV Apps | Mo Khazali | link |
The ever-expanding landscape of JavaScript applications has now reached the big screen - yes, you heard it right, you can build TV apps with JavaScript! The TV… | ||
| Web Fortified: Best Practices for Web App Security | Ramona Schwering | link |
In today's world, prioritizing your application's security is crucial. All the data stored in it should be kept safe and protected, just like the inhabitants… | ||
| Justin's QnA | Justin Schroeder | |
-- no description -- | ||
| AI in Front-End Dev: Your Creative Partner or Job Snatcher? | Alexandra Spalato | 08m |
Claims AI automates boilerplate, speeds bug fixes and keeps flow but cannot replace deep domain judgment; adoption pace is very very fast. Demos are… | ||
| Microfrontends in Safety Critical Aviation Systems | Jarred Utt | link |
Are you being asked to create more frequent release with higher quality, but the team in the other office is constantly breaking your features? Microfrontends… | ||
| Ramona' QnA | Ramona Schwering | |
-- no description -- | ||
| Internationalization (i18n) With AI-Powered Language Model | Sintija Birgele | link |
AI chatbots are closest to a human conversation model which makes communication effortless and accurate. It can be powerful tool for translating smaller chunks… | ||
| Jarred's QnA | Jarred Utt | |
-- no description -- | ||
| Building a Decentralized Web With Web5 | Adewale Abati | link |
In this talk, we discuss and get an introduction into Web5, an open source decentralized web platform that returns ownership and control over data to… | ||
| LLRT JavaScript Runtime: Redefining Serverless Latency | Richard Davison | link |
Discover AWS's experimental JavaScript runtime, LLRT (Low Latency Runtime), designed specifically to address the growing demand for fast and efficient… | ||
| Search Speed: Making Expedia Flights Faster | Heena Gupta | link |
Performance plays a crucial role in ensuring the responsiveness and functionalities of an application. A deeper knowledge on prefetching, preemptive search… | ||
| Adewale's QnA | Adewale Abati | |
-- no description -- | ||
| Heena's QnA | Heena Gupta | |
-- no description -- | ||
| Web Monetization: Your New Friendly JavaScript API | Santosh Viswanatham | link |
Earning money for your content on the web has historically been a challenging endeavor, requiring a substantial user base and navigating complex payment… | ||
| Web Performance: The African Case | Mohamed Ayoub Alouane | link |
We often assume that everyone has a good internet connection and hardware with high specifications. While this might be true in some regions, it is not the… | ||
| Beyond the Console: Navigating JavaScript With Observability | Nathan Marrs | link |
Embark on a journey beyond console logs! This session unveils the power of observability in the world of JavaScript, offering practical insights and real-world… | ||
| Santosh's QnA | Santosh Viswanatham | |
-- no description -- | ||
| Navigating a Large Scale Modernization With DDD | Markus Oberlehner | link |
Which technology stack to choose? What to do to get rid of legacy applications? And how the heck can we structure our teams to support our efforts? Let's talk… | ||
| Nathan's QnA | Nathan Marrs | |
-- no description -- | ||
| Ethically Wired: Computer Ethics for Technologists | Selam Moges | link |
As technology continues to advance at an unprecedented rate, it is becoming increasingly important for those in the tech industry to understand the ethical… | ||
| Infinite Patterns in the Digital Canvas: Unleashing Creativity With JavaScript in Algorithmic Art | Francisca Beatriz Medina Concha | link |
This talk highlights the transformative role of JavaScript in creating dynamic, self-generated artworks. Delve into how libraries like p5.js, Three.js, and… | ||
| Master JavaScript Patterns | Adrian Hajdin | link |
Mastering JavaScript patterns will give you a deep understanding of coding principles and problem-solving abilities. Learning these patterns will set you apart… | ||
| Building a JS Engine -- For Fun! | Linus Groh | link |
The talk discusses the basics of building a JS engine, highlighting the complexity and feature completeness of existing engines. It emphasizes the possibility… | ||
| Build Peer-to-Peer Applications with Pear Runtime | David Mark Clements | link |
Welcome to the PAIR runtime workshop where we will build a peer-to-peer chat app and cover setup instructions for PAIR. PAIR is a platform for building… | ||
| OWASP Top Ten Security Vulnerabilities in Node.js | Marco Ippolito | link |
The workshop covers the OWASP top 10 security vulnerabilities and provides practical exercises to fix them using Node.js and Fastify. Topics include access… | ||
| Leveraging LLMs to Build Intuitive AI Experiences With JavaScript | Roy Derks, Shivay Lamba | link |
The workshop explores leveraging LLMs and generative AI with JavaScript, focusing on incorporating AI in JavaScript, leveraging TensorFlow.js for ML, and using… | ||
| Let AI Be Your Docs | Jesse Hall | link |
Artificial intelligence is cool and helpful in solving real problems, making people more productive. Integrating AI into React applications is in high demand… | ||
| Pear Runtime: Zero-Infrastructure, P2P High-Scale Applications | David Mark Clements | link |
Pair Runtime is a fully peer-to-peer runtime that operates on user devices, with no data stored in the cloud. Pair is a development and deployment tool that… | ||
| How to Build Front-End Access Control with NFTs | Solange Gueiros | link |
Welcome everyone! Today we are talking about unlocking digital ownership and starting accounts using blockchain technology. NFTs are unique digital assets… | ||
| Frictionless Development With Unified Type System | Ejiro Asiuwhu | link |
Welcome to the TypeScript workshop where we will learn about TypeScript Nirvana, a type development system. We will discuss the need for a type system and how… | ||
| Can AI Turn Us Into 10x Developers? | Kevin Hou | link |
AI can help developers become 10x more efficient by leveraging powerful GPUs. Codium is an AI developer tool that can accelerate learning, analyze… | ||
| JSR – Next Generation JavaScript Registry | Leo Kettmeir | link |
JSR is a new JavaScript registry that supports TypeScript and offers additional features like GitHub Action integration, provenance attestations, and… | ||
| Simplify Package Releases – From Versioning to Publishing | Juri Strumpflohner | link |
The talk focuses on the Nx release command for publishing npm packages in a monorepo setup. It ensures correct package publishing order, handles versioning and… | ||
| nothing matches | ||