JSNation 2023
2023-06-01..2023-06-05
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 engineers, full-stack engineers, performance engineers, developer tooling engineers, platform engineers, security engineers, engineering managers
topics
Chrome DevTools source mapping; HTTP/3 performance for JS; WebAuthn passkeys and QR fallback; ESM loaders and Node resolution; Turbopack internals and bundling; React with WebGPU and AI; vector search with embeddings; Face Detection API for AR filters; progressive enhancement with Svelte; platformatic DB and nano services
| title | author | length |
|---|---|---|
| APIs are Evolving. Again. | Matteo Collina, Luca Maraschi | 23m |
Overview states that an open source toolkit named platformatic runtime runs multiple apps inside one Node.js process and turns microservices into “nano… | ||
| Luca Maraschi's & Matteo Collina's Room | Matteo Collina, Luca Maraschi | |
-- no description -- | ||
| SolidJS: Why All the Suspense? | Ryan K Carniato | link |
Solid caught the eye of the frontend community by re-popularizing reactive programming with its compelling use of Signals to render without re-renders. We've… | ||
| Bun, Deno, Node.js? Recreating a JavaScript Runtime From Scratch | Erick Wendel | link |
Bun, Deno, and many other JavaScript runtimes have been hype, but do you know why? Is it that easy to make a runtime from scratch? I've been researching the… | ||
| React + WebGPU + AI – What Could Go Wrong? 😳 | Aria Minaei | link |
With AI and web GPU, it's an exciting time to be a developer. The speaker's journey involves combining programming and design, leading to the creation of Pure… | ||
| Ryan Carniato's Room | Ryan K Carniato | |
-- no description -- | ||
| Top Core Web Vitals Recommendations for 2023 | Barry Pollard | link |
The Google Core Web Vitals team understand the amount of web performance recommendations is overwhelming and many don't know where to start. We've been working… | ||
| Erick Wendel's Room | Erick Wendel | |
-- no description -- | ||
| Aria Minaei's Room | Aria Minaei | |
-- no description -- | ||
| Barry Pollard's Room | Barry Pollard | |
-- no description -- | ||
| Modern Web Debugging | Jecelyn Yeen | 28m |
Chrome DevTools shows what actually maps to authored files so stack traces and breakpoints point to your components rather than framework code and compiled… | ||
| The Good, The Bad, and The Web Components | Zach Leatherman | link |
There has been no shortage of both fair and unfair criticism toward Web Components from a wide range of folks that build for the web, including but not limited… | ||
| The Core of Turbopack Explained (Live Coding) | Tobias Koppers | link |
Tobias Koppers introduces TurboPack and TurboEngine, addressing the limitations of Webpack. He demonstrates live coding to showcase the optimization of cache… | ||
| Jecelyn Yeen's Room | Jecelyn Yeen | |
-- no description -- | ||
| Apache Kafka Simply Explained With TypeScript Examples | Olena Kutsenko | link |
You’re curious about what Apache Kafka does and how it works, but between the terminology and explanations that seem to start at a complex level, it's been… | ||
| Zach Leatherman's Room | Zach Leatherman | |
-- no description -- | ||
| When Optimizations Backfire | Ivan Akulov | link |
Ever loaded a font from the Google Fonts CDN? Or added the loading=lazy attribute onto an image? These optimizations are recommended all over the web – but… | ||
| Tobias Koppers' Room | Tobias Koppers | |
-- no description -- | ||
| The State of Passwordless Auth on the Web | Phil Nash | 30m |
Passwords remain a usability and security failure — surveys cited: 52% reuse some passwords, 24% use a password manager, 13% reuse the same password always —… | ||
| Olena Kutsenko's Room | Olena Kutsenko | |
-- no description -- | ||
| Building a Web-App: The Easy Path and the Performant Path. Why Are They Not the Same? | Miško Hevery | link |
We use frameworks to make building our applications easier. Yet as the application scales, its performance suffers. There is no one thing, but rather a death… | ||
| I Would Never Use an ORM | Matteo Collina | 23m |
Argument is: ORMs hurt complex projects and replaceable code is better replaced by SQL plus tooling. Shows a concrete alternative: Platformatic DB built on… | ||
| Design & Developer Collaboration | Joran Quinten, Aria Minaei, Olena Kutsenko, Jorrik Klijnsma, Will Klein | |
-- no description -- | ||
| JavaScript Iteration Protocols | Luciano Mammino | link |
How many ways do you know to do iteration with JavaScript and Node.js? While, for loop, for...in, for..of,.map(),.forEach(), streams, iterators, etc! Yes… | ||
| Miško Hevery's Room | Miško Hevery | |
-- no description -- | ||
| Rome, a Modern Toolchain! | Emanuele Stoppa | link |
Modern JavaScript projects come in many shapes: websites, web applications, desktop apps, mobile apps, and more. For most of them, the common denominator is… | ||
| Matteo Collina's Room | Matteo Collina | |
-- no description -- | ||
| Luciano Mammino's Room | Luciano Mammino | |
-- no description -- | ||
| Bring AI-Based Search to Your Web App | Sebastian Witalec | 21m |
Demo shows a working face‑filter proof of concept using the Face Detection API and webcam to add glasses in-browser, plus a separate set of demos that actually… | ||
| Emanuele Stoppa's Room | Emanuele Stoppa | |
-- no description -- | ||
| Micro Frontends | Miško Hevery | |
-- no description -- | ||
| Accessible Component System Through Customization | Maya Shavin | link |
Most current UI libraries provide great user experience with a vast of components. But when it comes to heavy customization, and non-standard scenarios… | ||
| Create AR Face Filters With the Chrome Face Detection API | Jorrik Klijnsma | link |
In the fast pacing space of social media apps, some functionality could also be used for web applications. I am going to show you how you could use the feature… | ||
| Using Other Languages in Combination With Your JS Code | Wes Bos, Luciano Mammino, Emanuele Stoppa, Sebastian Witalec, Kamil Ogórek | |
-- no description -- | ||
| Maya Shavin's Room | Maya Shavin | |
-- no description -- | ||
| Jorrik Klijnsma's Room | Jorrik Klijnsma | |
-- no description -- | ||
| AI and Web Development: Hype or Reality | Wes Bos | 24m |
Claims AI gives developers a big productivity and quality boost and shows concrete wins: GitHub Copilot auto-completes boilerplate, generates typed dummy data… | ||
| How I Like to Write JavaScript | Caleb Porzio | link |
I love writing JavaScript. It feels lightweight, free-form, and flexible--all qualities that boost creativity and invite me to practice new and interesting… | ||
| Comparing JavaScript Frameworks Performance Using Real-World Data | Dan Shappir | link |
Google collects performance information from all sessions on opted-in Chrome browsers into its Chrome User Experience Report (CrUX) database. It then uses this… | ||
| Three Ways to Automate Your Browser, and Why We Are Adding a Fourth: WebDriver BiDi | Michael Hablich | link |
A journey through overwhelming ways to automate browsers. Join Michael on a journey to see what happens behind the scenes of "await… | ||
| Progressive Enhancement - What It Is and Isn’t, a Practical Introduction With Svelte | Elliott Johnson | link |
Progressive Enhancement is the philosophy of providing a basic, functional experience to everyone, regardless of device, and adding additional layers of… | ||
| Michael Hablich's QnA | Michael Hablich | |
-- no description -- | ||
| HTTP/3 Performance for JS Developers | Robin Marx | link |
HTTP/3 is the hot new networking protocol, available today! While you get most of its benefits out-of-the-box, there are also quite some things you can and… | ||
| Collaboration, Productivity & Workflows | Nikhil Kumaran S, Brittany Joiner, Aria Minaei, Olena Kutsenko, Akash Hamirwasia | |
-- no description -- | ||
| Elliott Johnson's QnA | Elliott Johnson | |
-- no description -- | ||
| Building Text Containers in Canvas | Aakansha Doshi | |
In this talk I will be sharing my experience building sticky notes / text bound containers in excalidraw.com - A virtual free Open-Source collaborative… | ||
| Robin Marx's QnA | Robin Marx | |
-- no description -- | ||
| Mobile Deployments for Web Developers | Cecelia Martinez | link |
It's easier than ever to use JavaScript to build native mobile applications. But for web developers building in the mobile ecosystem for the first time… | ||
| Aakansha Doshi's QnA | Aakansha Doshi | |
-- no description -- | ||
| What’s New in Node? | Hemanth HM | link |
This talk will walk you through some of the cool features in node that you might have missed. | ||
| Woah! Can TypeScript Do That? | Nikhil Kumaran S | link |
These days, TypeScript is an industry default as it provides amazing DX with autocomplete, confident code refactoring and much more. But most developers only… | ||
| Cecelia Martinez's QnA | Cecelia Martinez | |
-- no description -- | ||
| Where & How You Write Your Code | Minko Gechev, Nikhil Kumaran S, Joran Quinten, Akash Hamirwasia, Michael Hablich, Will Klein | 21m |
Angular claims a new fine-grained reactivity model using signals reactivity that notifies only affected template parts, promises order-of-magnitude runtime… | ||
| 5 Ways You Could Have Hacked Node.js | Rafael Gonzaga | link |
All languages are or were vulnerable to some kind of threat. I’m part of the Node.js Security team and during the year 2022, we've performed many Security… | ||
| Hemanth HM's QnA | Hemanth HM | |
-- no description -- | ||
| ESM Loaders: Enhancing Module Loading in Node.js | Gil Tayar | 22m |
Claims that ESM loaders let Node.js change resolution and loading phases and shows working code: a tiny overrides.json mapping loader that redirects… | ||
| Rafael Gonzaga's QnA | Rafael Gonzaga | |
-- no description -- | ||
| Pushing the Limits of Video Encoding in Browsers With WebCodecs | Akash Hamirwasia | link |
High quality video encoding in browsers have traditionally been slow, low-quality and did not allow much customisation. This is because browsers never had a… | ||
| Static Analysis in JavaScript: What’s Easy and What’s Hard | Elena Vilchik | link |
We are all using static analysis tools like ESLint every day to ensure the better quality of our code. How does it work, and what is tricky about JavaScript… | ||
| Building an IoT App With InfluxDB, JavaScript, and Plotly.js | Zoe Steinkamp | link |
The Internet of Things (IoT) is increasingly driven by sensor data, with devices taking measured actions based on everything from wind speed and direction… | ||
| Akash Hamirwasia's QnA | Akash Hamirwasia | |
-- no description -- | ||
| Start Building Your Own JavaScript Tools | Will Klein | link |
Your first JavaScript tool might not be the next Babel or ESLint, but it can be built on them! Let's demystify the secret art of JavaScript tools, how they… | ||
| Elena Vilchik's QnA | Elena Vilchik | |
-- no description -- | ||
| The Future Stack of Code Review | Gabriel L. Manor | link |
Somehow, the code review had the same jokes and process while the software development world changed daily. Join us to learn how to adapt this process to the… | ||
| Zoe Steinkamp's QnA | Zoe Steinkamp | |
-- no description -- | ||
| What We Owe to Each Other | Bryan Hughes | link |
Open source has won, and it's the center of gravity for our community. Whether we're contributors to open source projects, commercial product engineers… | ||
| Will Klein's QnA | Will Klein | |
-- no description -- | ||
| Scaling Distributed Machine Learning, to the Edge & Back | Jaxon Repp | link |
This talk will cover why and how organizations are distributing data storage and machine learning to the edge. By pushing machine learning to the edge, we can… | ||
| Gabriel L. Manor's QnA | Gabriel L. Manor | |
-- no description -- | ||
| JavaScript Source Maps, Can We Do Better? | Kamil Ogórek | link |
The current revision of the JavaScript Source Maps specification is over 12 years old. Throughout this time, the entire ecosystem has evolved immensely, but… | ||
| Bryan Hughes's QnA | Bryan Hughes | |
-- no description -- | ||
| Building a Voice-Enabled AI Assistant With Javascript | Tejas Kumar | 21m |
Builds a Jarvis-style assistant using Web APIs and langchain, with live coding showing actual code: Chrome-only speech recognition API (webkit prefix), speech… | ||
| Kamil Ogórek's QnA | Kamil Ogórek | |
-- no description -- | ||
| Make a Game With PlayCanvas in 2 Hours | Steven Yau | link |
Backplane Canvas is a web-first engine that embraces open standards like WebXR and supports gLTF. PlayCanvas offers an online editor for building experiences… | ||
| Angular Momentum | Minko Gechev | link |
Angular has experienced significant growth and is the second most popular framework after React. The latest release of Angular, called Angular Ivy, went… | ||
| DEADScript: The Role Of JavaScript In Web Sustainability | Henri Helvetica | link |
This talk discusses digital sustainability and the role of JavaScript in web sustainability. It highlights the impact of electricity carbon intensity and page… | ||
| Developing Dynamic Blogs with SvelteKit & Storyblok: A Hands-on Workshop | Alba Silvente Fuentes, Roberto Butti | link |
This workshop focused on creating a website using SvelteKit and Storyblock CMS. It covered topics such as installing SvelteKit and integrating Storyblock… | ||
| Build and Deploy a Backend With Fastify & Platformatic | Matteo Collina | link |
Welcome to the platformatic workshop where you can create open API and graphical schema from your database without coding. The generator creates config files… | ||
| Building WebApps That Light Up the Internet with QwikCity | Miško Hevery | link |
Quick is a framework that focuses on performance optimization and reducing JavaScript overload in websites. It allows for lazy loading of components and… | ||
| Bringing Your Web App to Native With Capacitor | Mike Hartington | link |
Cross-platform development with Cordova paved the way for a vibrant ecosystem of plugins, but had limitations. React Native provides a core library for… | ||
| Dialog Dilemmas and Modal Mischief: A Deep Dive Into Pop-Ups | Hidde de Vries | link |
The talk discusses the use of dialogues and popovers in web development. Dialogues can be modal or non-modal and are now accessibility-supported. Popovers are… | ||
| Beyond the Framework: Distributing Your Desktop App Like a Pro | Jonas Kruckenberg | link |
Welcome to the Beyond the Framework workshop where we will discuss desktop apps and their development. We will focus on what makes a desktop app unique, how to… | ||
| Querying Blockchain Data with GraphQL | Simon Emanuel Schmid | link |
Simon introduces the basics of blockchain and smart contracts, including decentralization and immutability. The Graph is an indexing protocol that serves as… | ||
| 0 To Auth In An Hour For Your JavaScript App | Asaf Shen | link |
This workshop covers the implementation of authentication in a JavaScript application using Node and React. It explores the concepts of authentication and user… | ||
| Build a Collaborative Notion-Like Product in 2H | Witek Socha | link |
This workshop focused on building a collaborative notion-like product using CK Editor 5. The workshop covered setting up the editor and configuring plugins… | ||
| Solve 100% Of Your Errors: How to Root Cause Issues Faster With Session Replay | Ryan Albrecht | link |
This workshop introduces Replay, a tool for solving bugs faster by providing context through session replays. It demonstrates the importance of context in bug… | ||
| Web Push Notifications Done Right | Maxim Salnikov | link |
Let's talk about web push notifications and their benefits. Web push notifications have higher opt-in and click rates compared to traditional methods. The web… | ||
| How to Convert Crypto Currencies With GRPC Microservices in Node.js | Alex Korzhikov, Andrew Reddikh | link |
This workshop explores JRPC and how to build JRPC microservices to convert cryptocurrencies in Node.js. It covers the low-level aspects of gRPC and its… | ||
| Maintaining a Component Library at Scale | Joran Quinten | link |
Jumbo, a grocery chain in the Netherlands, has a tech campus with over 400 developers working on digital solutions. They built a distributed component library… | ||
| Responsive Images for Your Website | Sergey Bocharov | link |
The talk discusses various aspects of serving images on websites, including where to store images, image transformation options, and image formats. It also… | ||
| Build a Universal Reactive Data Library with Starbeam | Yehuda Katz | link |
StarBeam is a standalone reactive library that can be intermixed with React. It provides reactive versions of JavaScript built-in collections and allows for… | ||
| Package-based Monorepos - Speed Up in Under 7 Minutes | Juri Strumpflohner | link |
The talk discusses speeding up MonrayBus in a pmpm workspace by organizing packages and considering dependencies. It covers installing and configuring the nx… | ||
| i18n Was the Missing Piece: Let 70%+ of the Users in the World to Access Your Apps | Arisa Fukuzaki | link |
This talk explores the impact of I18n and DEX for developers, the challenges of I18n, and the importance of understanding different approaches. It discusses… | ||
| Anyone Can Be an Open Source Maintainer | Brittany Joiner | link |
Brittany Joyner shares her journey of becoming an open source maintainer and highlights the benefits of participating in open source projects. She emphasizes… | ||
| Maximum Efficiency: A Primer on Capacitor | Mike Hartington | link |
Building an app can be challenging, but Capacitor allows code sharing across web, iOS, and Android. Packaging an app involves configuring plugins and modifying… | ||
| nothing matches | ||