JSNation Conference 2022
2022-06-16..2022-06-20
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
full stack developers, frontend engineers, framework authors, toolchain and build engineers, web performance engineers, developer experience engineers, accessibility engineers
topics
Astro islands architecture; SolidJS fine-grained reactivity; WebAssembly x86 virtualization; Deno and Deno Deploy; Docker Extensions SDK; Yarn 4 package management; Webpack incremental builds proposals; Chrome DevTools recorder and flows; server-side rendering and partial hydration; monorepos with npm Workspaces; accessibility and test-driven development
| title | author | length |
|---|---|---|
| The Next Wave of Web Frameworks is BYOJS | Brandon Roberts | 23m |
Claim: Astro ships zero JavaScript out of the box for static pages and adds interactivity via islands architecture with partial hydration. Tools demonstrated… | ||
| SolidJS: Reactivity Unchained | Ryan K Carniato | 19m |
SolidJS claims fine‑grained reactivity that replaces a virtual DOM with no virtual DOM and components only run once. The runtime uses signals and createEffect… | ||
| The formation of Framework Waves from the Epicenter | Sarah Drasner | 20m |
Angular claims concrete wins: a ground-up Ivy rewrite ships and reduces tech debt while improving compile-time errors, CLI autocomplete and bundle speeds… | ||
| Announcing Starbeam: Universal Reactivity | Yehuda Katz | 27m |
Announcing Starbeam as a library for universal reactivity and showing a working users table built inside a React app, the demo implements… | ||
| What are Docker Extensions | Amy Bass | 06m |
Docker Desktop gains a plugin system called Docker Extensions with an SDK that lets teams build UI extensions using React and TypeScript, includes an extension… | ||
| Automated Application Security Testing | Scott Gerlach | 09m |
Claims an automated dynamic application scanner that runs against live HTTP apps and APIs and reliably finds real bugs — demo surfaces SQL injection and… | ||
| The Future of Performance Tooling | Addy Osmani | 21m |
Chrome adds a DevTools recorder that captures and replays full user journeys, generates traces and a Lighthouse flow report, and exports flows to Puppeteer or… | ||
| Webpack in 5 Years? | Tobias Koppers | 20m |
Webpack originates in 2012 and reaches ten years of maintenance, still growing on npm downloads, and claims core wins: code splitting on demand and co‑located… | ||
| Full Stack Documentation | Rich Harris | 24m |
Builds an interactive full‑stack tutorial platform that runs Node compiled to WASM inside the browser using web containers and StackBlitz, extends the… | ||
| Reacting to Web3 | Jonathan Sheely | 05m |
Claims a drop-in stack that lets web developers use prebuilt smart contract modules via a JavaScript API and npm install style workflow, with contracts already… | ||
| Crafting the Impossible: X86 Virtualization in the Browser with WebAssembly | Alessandro Pignotti | 16m |
WebVM claims to run unmodified x86 binaries in the browser by combining WebAssembly with a two-tier engine (interpreter plus JIT + interpreter tier) and a… | ||
| Auto maintaining thousands of code demos across multiple framework variations, Stephen Cooper | Stephen Cooper | 07m |
A system converts one canonical TypeScript demo into Angular, React, Vue and Vanilla variants, generating roughly 8,000 demos from about 500 base examples by… | ||
| Content Modeling 101 | Harshil Agrawal | 07m |
Claims that content modeling prevents chaos and speeds team workflows, supported by concrete numbers: 550% GraphQL spike and 73% CDA increase during a Black… | ||
| Getting Real with NodeJS and Kafka: An Event Stream Tale | Marcos Maia | 08m |
Concrete config and code using KafkaJS with NodeJS: shows how to get exactly-once semantics inside Kafka (not in external databases) by setting producer… | ||
| Interview with Alessandro Pignotti – JSNation 2022 | Alessandro Pignotti | 05m |
Claims that x86 virtualization in the browser is feasible and shows a working prototype that splits the runtime and two-tier execution engine design, plus a… | ||
| Interview with Rich Harris – JSNation 2022 | Rich Harris | 04m |
Claims that tools that require Node can run in the browser using web containers, enabling full-stack interactive documentation for the first time; demonstrates… | ||
| Interview with Daniel Thompson Yvetot – JSNation 2022 | Daniel Thompson-Yvetot | 04m |
Announcement of Towery 1.0 released this morning anchors a candid interview about a three‑year project started during COVID, a tooling system that prioritizes… | ||
| Interview with Iris Schaffer – JSNation 2022 | Iris Schaffer | 03m |
Claim of concrete career change: a four year path at Spotify produces a repeatable growth mindset that treats hard problems as attackable by planning next… | ||
| Interview with Tobias Koppers – JSNation 2022 | Tobias Koppers | 03m |
Interview content centers on webpack’s concrete roadmap and hard lessons not vague promises: reflecting on the last 10 years yields a claim that webpack must… | ||
| Interview with Yulia Startsev – JSNation 2022 | Yulia Startsev | 02m |
Explains how the ES6 module system is implemented inside browsers with concrete Firefox details including the SpiderMonkey engine and module loading behavior… | ||
| Future Features of JS?! | Hemanth HM | link |
Welcome to the future features of JavaScript, including proposals for array operations, throw expressions, records and TPUs, pipeline operators, and more. The… | ||
| Record & Tuple: Immutable Data Structures in JS | Robin Ricard | link |
This talk introduces the concept of record and tuple in JavaScript, which provide a new way to handle data. The talk explores the references and mutability of… | ||
| Yarn 4 - Modern Package Management | Maël Nison | link |
Yarn is a package manager that focuses on stability, performance, and security. It offers unique features like plug and play installation, support for… | ||
| Build a 3D Solar System with Hand Recognition and Three.js | Liad Yosef | link |
This talk explores the use of TypeScript, 3JS, hand recognition, and TensorFlow.js to create 3D experiences on the web. It covers topics such as rendering 3D… | ||
| Makepad - Leveraging Rust + Wasm + WebGL to Build Amazing Cross-platform Applications | Rik Arends | link |
Welcome to MakePad, a new way to build UI for web and native using WebAssembly and Rust. JavaScript is not suitable for complex applications like IDEs and… | ||
| Confessions from an Impostor | Kyle Simpson | link |
The talk discusses imposter syndrome and reframes it as being a professional imposter. It emphasizes the importance of sharing and starting, embracing… | ||
| WebHID API: Control Everything via USB | Nikita Dubko | link |
This talk introduces the webHID API, which allows developers to control real devices from the browser via USB. The HID interface, including keyboards, mice… | ||
| Get started with AG Grid Angular Data Grid | Stephen Cooper | link |
The workshop introduces AG Grid and covers topics such as setting up row data and column definitions, enabling sorting, configuring grid features and user… | ||
| How JS Modules work: a Browser Perspective | Yulia Startsev | link |
This talk discusses JavaScript modules from the perspective of a browser, exploring how they work and their differences from common JS. It covers topics such… | ||
| High-Speed Web Applications: Beyond the Basics | Michael Hladky | link |
This talk covers the latest features in Chrome DevTools, including network tab analysis, performance tab optimization, and user flows. It discusses optimizing… | ||
| Build a chat room with Appwrite and React | Wess Cope | link |
AppRight is an open-source backend as a service that simplifies server setup and API design. It offers features like authentication, user management, database… | ||
| Going on an adventure with Nuxt 3, Motion UI and Azure | Melanie de Leeuw | |
The workshop covered topics such as Nuxt3, Azure Static Web Apps, and Azure Functions. The participants created an insect encyclopedia-like application called… | ||
| GPU Accelerating Node.js Web Services and Visualization with RAPIDS | Allan Enemark | link |
Welcome to GPU Accelerating Node.js Web Services and Visualization with Rapids. Rapids aims to bring high-performance data science capabilities to Node.js… | ||
| The Age of Monorepos | Miroslav Jonaš | link |
This talk is about the world of monorepos, their history, benefits, and features. Monorepos address challenges in web development, such as slow build processes… | ||
| a11y and TDD: A Perfect Match | Rita Castro | link |
This talk explores the intersection of accessibility and test-driven development (TDD) in software development. TDD is a process that involves writing tests… | ||
| Is Module Federation Right for You? | Grgur Grisogono | link |
This workshop on micro-frontends covers topics like dependencies, communication between federated modules, team organizations, and code sharing. It emphasizes… | ||
| The Clinic.js Workshop | Rafael Gonzaga | link |
This workshop focuses on using Clinic, a suite of tools for diagnosing performance issues in applications. It covers tools like clinic doctor, clinic flame… | ||
| 🚀 Supercharge your NodeJS with Rust | Dmitry Kudryavtsev | link |
In this talk, Dmitry Kudravtsev discusses how to supercharge JavaScript and Node.js using Rust. He introduces NEON, an open-source library for integrating Rust… | ||
| Should we have business logic in the UI? | Samuel Pinto | |
The workshop focused on developing a quiz game about the TV show 'Friends' using React and the Meet dependency. It emphasized the importance of separating UI… | ||
| MIDI in the Browser... Let's Rock the Web! | Jean-Philippe Côté | link |
MIDI is a versatile communication protocol that extends beyond music and opens up exciting possibilities. The Web MIDI API allows remote access to synths and… | ||
| How I've been Using JavaScript to Automate my House | Erick Wendel | link |
The talk covers various experiments with JavaScript and C++, including controlling lights and creating a car control system. The speaker shares his experiences… | ||
| Security Controls in the JavaScript Supply Chain | Liran Tal | link |
This talk discusses the security challenges in the JavaScript ecosystem, including supply chain security, lock file tampering, and arbitrary command execution… | ||
| Quantum Computing in JavaScript with Q.js | Stewart Smith | link |
Stuart Smith discusses his journey in virtual reality and quantum computing, highlighting his work in web VR and the creation of Quantum JavaScript. He… | ||
| Ensuring your Users are on the Right Path: the Future of Modals and Focus Management | Sam Thorogood | link |
This talk discusses the new features of Modals and focus management in web development. The dialogue element allows for the creation of modal dialogs that… | ||
| Building JS Apps with Internationalization (i18n) in Mind | Naomi Meyer | link |
This talk discusses building JavaScript apps with internationalization in mind, addressing issues such as handling different name formats, using Unicode for… | ||
| Animations with JS | Aashima Ahuja | link |
This talk is about animations in Javascript, covering frame rates and different methods like CSS transitions and animations. JavaScript provides more control… | ||
| Getting Started with Deno and Deno Deploy | Luca Casonato | |
This workshop is about building a full stack application using Deno and Deno deploy. We will create a blog with personalized blog entry pages and explore… | ||
| Performance is User Experience: Optimizing the Frontend for the Users | Chinenye Onuegbu | link |
This talk discusses software performance and optimizing the frontend for the user. It emphasizes the importance of passive performance, which is a subjective… | ||
| How Blitz.js Makes Fullstack Web Development a Breeze | Aleksandra Sikora | link |
Bleach.js is a toolkit designed to make full-stack web development enjoyable. It is built on top of Next.js and includes features like authentication… | ||
| Tauri Foundations and Futures | Daniel Thompson-Yvetot | link |
Tauri is a tool built to improve the JS ecosystem, providing a lightweight alternative to Electron. It integrates the stack, focuses on security, and offers… | ||
| How to Use Gamification to Improve Quality on Your Project | Jonathan Wagner | link |
Welcome to my talk on using gamification to improve quality. Code quality is crucial and involves maintaining technical debt, ensuring maintainability, and… | ||
| Finding, Hacking and fixing your NodeJS Vulnerabilities with Snyk | Matthew Salmon | link |
This workshop on Open Source and Security covers topics such as the use of open source packages in JavaScript, the risks and vulnerabilities associated with… | ||
| Building with SvelteKit and GraphQL | Scott Spence | link |
This workshop focuses on building a small blog with a GraphQL backend using SvelteKit for the front end. It covers topics such as reactive programming, props… | ||
| Building a Sustainable Codebase with FP | Carolina Pascale Campos | link |
This talk focuses on building sustainable architecture through functional programming, tests, and hexagonal architecture. It emphasizes the importance of… | ||
| Docker 101 - Intro to Container | Shy Ruparel | link |
Software containers provide a consistent running experience, making it easy to package code and dependencies. Docker Hub is a repository of existing images… | ||
| Web Components are awesome! | Dwane Hemmings | link |
Web components allow you to create your own HTML elements that can do anything you want, and they are supported by all modern browsers. Many companies… | ||
| Immutable Web Apps | Andrew Desmarais | link |
This talk discusses immutable web apps and their benefits, such as faster loading times and easy version tracking. The use of Universal Module Definition (UMD)… | ||
| Finding Stealthy Bots in Javascript Hide and Seek | Adam Abramov | link |
The talk discusses the challenges of detecting and combating bots on the web. It explores various techniques such as user agent detection, tokens, JavaScript… | ||
| Bringing the Power of AI into your Editor with GitHub Copilot | Krzysztof Cieślak | link |
GitHub Copilot is a software development productivity tool that suggests whole blocks of code based on the collective knowledge of software developers. It has… | ||
| Build Web3 apps with Javascript | Shain Dholakiya | |
Hyperverse simplifies blockchain development by providing modular on-chain smart contracts for all major blockchains. Fungible tokens are interchangeable… | ||
| Levelling up Monorepos with npm Workspaces | Ruy Adorno | link |
This talk provides an introduction to NPM Workspaces and covers various aspects of using them, including starting a workspace with npm init, adding… | ||
| Web3.js - Past, Present & Future | Nazar Hussain | link |
Today we will discuss the Web3JS library, its history, maintenance, and community involvement. The upcoming version 4 aims to address challenges faced in… | ||
| An Introduction to Deno for Node.js Developers | Colin Ihrig | link |
This talk provides an introduction to Deno for Node.js developers, highlighting the differences in architecture and dependencies between the two runtimes. It… | ||
| Managing state in Vue3 application | Mikhail Kuznetsov | |
This workshop covers an introduction to Vue 3 and project overview, setting up the project and exploring the content, Vue 3 features and directives, project… | ||
| Accessibility Credit and How to Pay it | Eva Ferreira | link |
The talk discusses technical debt and its relationship with bad code and lack of caring. It emphasizes the importance of repaying technical debt, particularly… | ||
| Building UIs - By the People, for the People! | Nikhil Sharma | link |
This talk focuses on the importance of accessibility in building user interfaces, discussing WCAG and WAI. It emphasizes the use of correct HTML tags for… | ||
| Build Blockchain dApps using JavaScript | Russell Fustino | link |
Hello, my name is Russ Fustino, and welcome to Build Blockchain DApps Using JavaScript. We'll cover Algorand blockchain, layer one, setup your development… | ||
| JS Security Testing in GitHub Actions | Zachary Conger | |
This workshop focuses on automating build and security tests for a Node.js application using tools like Stackhawk, Dependabot, CodeQL, and GitHub Actions… | ||
| WebBluetooth – the Missing Link | Nico Martin | link |
This talk introduces the Web Bluetooth API and its role in bridging the gap between browsers and peripheral devices. It covers how to interact with devices… | ||
| JavaScript Beats Cancer | Karol Przystalski | link |
This talk discusses using JavaScript to combat skin cancer, with a focus on machine learning integration. The speaker has experience in medical imaging and has… | ||
| Engaging Ecommerce with the Visual Web | Colby Fayock | link |
Images, video, and media are crucial in e-commerce to deliver the best user experience. Nike's acquisition of Artifact Studios and the launch of Nike land on… | ||
| nothing matches | ||