November 18 - 21, 2024
JSNation US
NY & Online

JSNation US 2024

JS stars in the US biggest planetarium

Full remote ticket included with Multipass.
Join the Nation`s space program! See JS stars presenting at the biggest West`s planetarium dome screen!
NxStoryblokBloombergSquidFocusReactiveHygraphFiberplaneElastic
The Ai-Assisted Developer Workflow: Build Faster and Smarter Today
Upcoming
The Ai-Assisted Developer Workflow: Build Faster and Smarter Today
Unlock the next generation of developer productivity. In this talk, we'll dive into how AI-powered tools are transforming the way we build software. Discover techniques for rapid iteration, intelligent debugging, and the creation of exceptional user experiences. Whether you're using cutting-edge AI models or exploring the first wave of AI assistance, this talk will equip you with strategies to level up your workflow.
Building Robust Web Applications with Test-Driven Development and Playwright
Upcoming
Building Robust Web Applications with Test-Driven Development and Playwright
Workshop
Maurice de Beijer
Maurice de Beijer
Get ready to take your front-end development skills to the next level with our hands-on workshop. In this four-hour session, you will learn the ins and outs of test-driven development using Playwright, a powerful tool that will revolutionize your web development workflow.
Are you tired of spending endless hours debugging issues in your web applications? Dive deep into writing tests before writing code, ensuring top-notch quality and functionality in your web applications. Say goodbye to manual testing and hello to automated tests that catch bugs early in the development process.
Join us for an interactive and fun workshop where you'll gain the confidence to elevate your front-end development game and build web applications like a pro. Don't let common pain points like inconsistent UI behavior or regression issues slow you down - learn how to effectively use Playwright to avoid these pitfalls and streamline your development process.
Don't miss this opportunity to unlock the full potential of test-driven development with Playwright – sign up now and get ready to uplevel your skills!
Register
Hands-On Workshop: Introduction to Pentesting for Web Apps / Web APIs
Upcoming
Hands-On Workshop: Introduction to Pentesting for Web Apps / Web APIs
Workshop
Gregor Biswanger
Gregor Biswanger
In this hands-on workshop, you will be equipped with the tools to effectively test the security of web applications. This course is designed for beginners as well as those already familiar with web application security testing who wish to expand their knowledge. In a world where websites play an increasingly central role, ensuring the security of these technologies is crucial. Understanding the attacker's perspective and knowing the appropriate defense mechanisms have become essential skills for IT professionals.
This workshop, led by the renowned trainer Gregor Biswanger, will guide you through the use of industry-standard pentesting tools such as Burp Suite, OWASP ZAP, and the professional pentesting framework Metasploit. You will learn how to identify and exploit common vulnerabilities in web applications. Through practical exercises and challenges, you will be able to put your theoretical knowledge into practice and expand it. In this course, you will acquire the fundamental skills necessary to protect your websites from attacks and enhance the security of your systems.
Join us with your laptop and actively participate in this practical and engaging workshop.
Register
Advanced TypeScript for Bun and Node.js
Upcoming
Advanced TypeScript for Bun and Node.js
Workshop
Adrian Hajdin
Adrian Hajdin
Learn the full potential of TypeScript by using advanced features like Type Inference, Type Guards, Generics, Transformers, and Utility Types with asynchronous programming in both Node.js (using Express.js) and Bun.js (using Hono.js), all while understanding best practices for building strongly typed APIs with different databases.
OverviewIn this workshop, we’ll kick off with a discussion on the recent updates in Node.js and Bun.js, focusing on their built-in TypeScript support. You'll learn how to set up TypeScript in both runtimes and create strictly typed APIs using Express.js and Hono.js. Through hands-on demos, we'll explore integration with various databases like MongoDB and Postgres, leveraging advanced TypeScript features to build robust applications. By the end of the workshop, you'll be equipped with the knowledge to optimize TypeScript code for performance and design patterns, ensuring your APIs are both efficient and maintainable.

Learning Goals- Introduction to Node.js’s and Bun.js’s TypeScript support- Advanced TypeScript Features: Generics, Type Guards, Mapped Types, etc.- Middleware and Dependency Injection with Express.js and Hono.js- Design Pattern and Performance Enhancements in TypeScript- Unit and Integration Testing with TypeScript- Database Integration: MongoDB, Postgres, Prisma, and others- Best Practices for Robust API Development in both Node.js and Bun.js
Register
Modern & Secure Adaptive Streaming on the Web
Upcoming
Modern & Secure Adaptive Streaming on the Web
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 favourite authors. We watch TV series or movies with our family and friends. Media streaming is everywhere.. Nowadays, with the increasing number of devices and content, providers must keep pace and provide the most efficient and smooth playback to all users, no matter where they are, no matter what devices they use. They also have to stay compliant, so that no content can be distributed without producers' consent and knowledge.
In this talk, we are going to learn how to stream media on the Web. We will learn about the common technologies such as segmentation, adaptive bitrate (ABR) and DASH protocol used to provide an efficient and smooth playback. We will look into details of how decrypting licensed content works thanks to Encrypted Media Extensions (EME). Last but not least, we will see all of these in action, during the demo, at the end of the presentation.
If you are interested in learning how the world's biggest streaming companies stream their content, join me for this session.
Advanced Mathematics and Data Analysis With JavaScript
Upcoming
Advanced Mathematics and Data Analysis With JavaScript
What if we could use all the advanced mathematical functions, data analysis and visualization tools, etc., inside our browser, with JavaScript, instead of relying on python libraries such as numpy and scipy, without much degradation of performance? Yes, that is possible - with stdlib, which is a standard library for javascript and node.js.
From the Crypt to the Code: Web Security Explored Through Horror Movies
Upcoming
From the Crypt to the Code: Web Security Explored Through Horror Movies
A cryptic videotape haunting its viewers, a shape-shifting entity haunting a research station, or an astronaut unknowingly carrying an alien onto a spaceship —do these scenarios sound familiar? These horror movie plots share similarities with scenarios in web security you have already encountered.Join me on a chilling journey through web security as we explore the most common vulnerabilities through the lens of horror movies. From the sinister injection flaws reminiscent of "Alien" to the terrifying specter of broken authentication akin to "Unfriended". But don't worry, we'll also shed light on solutions in web development, turning these security nightmares into tales of triumph. If you dare, join us and learn how to conquer the darkness invited by your web applications.
Micro Frontends and Security
Upcoming
Micro Frontends and Security
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 independence of the teams using them. This can lead to problems as potentially arbitrary code enters the applications at runtime asking the question of what potential vulnerabilities exist and how to mitigate them.
In this session, you'll hear about some of the most frequent vulnerabilities that appear in real-world projects using micro frontends. You'll see what you can do to get rid of them and avoid mistakes leading to security issues. The quest for this talk is to deliver at speed and scale, but do it without compromises on security.
The Performance Impact of Generated JavaScript
Upcoming
The Performance Impact of Generated JavaScript
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 development with it's reliance of bundlers, frameworks and compilers is that the JavaScript you write is not the same as the JavaScript that runs on your browser. Tools like TypeScript and compilers like Babel allow you to support a variety of older browsers, environments, and runtimes while writing modern, maintainable code, but it can be hard to tell what is going on in that final bundle. It's crucial to understand and optimize the generated JavaScript produced during your build process so that you maximize performance.
Join Abhijeet Prasad, maintainer of Sentry's open source error and performance monitoring JavaScript SDKs as he walks through the performance and bundle size implications of generated JavaScript and techniques you can use to optimize it. He'll walk through transpilation nuances, tree-shaking, minification, and loading strategies so you can understand how to deliver better experiences for your users.
Advanced Playwright Techniques for Flawless Testing
Upcoming
Advanced Playwright Techniques for Flawless Testing
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 or on CI, in either TypeScript/JavaScript, Python, .NET and Java.In this talk let's explore some advanced Playwright capabilities and uncover a range of features and tips and tricks that you may not know about from project dependencies to API mocking, testing time and more.
Observability Matters: This Time for Frontend
Upcoming
Observability Matters: This Time for Frontend
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 enhance user experience, where customers spend time and revenue is generated. Tools like RUM and Synthetic Monitoring help, but they're outdated and not sufficient. Say hi to Frontend Observability, a holistic and end-to-end approach to investigate errors and latencies.
Ensuring Typescript Code Quality With expect-type
Upcoming
Ensuring Typescript Code Quality With expect-type
TypeScript's static typing catches many errors, but how do we ensure our type definitions themselves are correct? This talk introduces type testing and demonstrates its implementation using expect-type, a lightweight library for exactly this.

We'll cover:

- The concept of type testing and its importance in TypeScript projects
- A deep dive into expect-type's features and API
- Practical examples of using expect-type to catch subtle type errors
- Integrating expect-type into existing projects and CI pipelines
- Advanced use cases and best practices

Drawing from real-world scenarios, we'll explore how expect-type can be used as a standalone library, or through Vitest which bundles it natively, to enhance type safety and code quality.

Suitable for TypeScript developers of all levels, this talk will equip you with the tools and knowledge to write more robust, type-safe code using expect-type.
Unlocking the Potential of Real-Time Event-Driven Applications With JavaScript
Upcoming
Unlocking the Potential of Real-Time Event-Driven Applications With JavaScript
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 will delve into the technical intricacies and immense potential of building such applications using JavaScript.

Together, we will explore the core concepts of event-driven architecture (EDA) and its implementation in JavaScript. Key topics will include a technical overview of the event loop and non-blocking I/O, WebSockets, and Message Brokers.

We will further our journey with a look at how to apply these technologies into different use cases such as live data feeds, and collaborative applications while ensuring low latency and fault tolerance.
Scaling a11y
Upcoming
Scaling a11y
How does a big organization become accessible? Let’s talk about a11y scaling strategies. To find out how to become accessible, and stay accessible.
Five Ways To Make Your Thinking Visible In Engineering Collaboration
Upcoming
Five Ways To Make Your Thinking Visible In Engineering Collaboration
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 strategies to make your thinking visible and cover how to implement them effectively.
Rspack Recently Was Awarded Breakthrough of the Year at JSNation
Upcoming
Rspack Recently Was Awarded Breakthrough of the Year at JSNation
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 team has designed, and it originally started out as a plugin for esbuild. In its development, we have rewritten esbuild & rollup in rust, taken apart parcel to understand it better, and overall have reviewed every bundler on the market during the development of rspack before finally picking the webpack api design for the project as it is known today.
In this talk I will share the behind the scenes of its creation, why we built it, what the future for rspack looks like, and our own experience + business data we have gathered with it in supermassive projects at ByteDance.
Green Bytes: How Enhancing Web Vitals Contributes to Environmental Sustainability
Upcoming
Green Bytes: How Enhancing Web Vitals Contributes to Environmental Sustainability
With this talk we will dive into the intersection of web performance optimisation and environmental conservation, focusing on how improving Web Vitals — key indicators of a website's health and user experience — can lead to a more sustainable digital footprint.

We will explore the core Web Vitals: Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS), and how these metrics influence not only the user experience but also the efficiency of web resources. Finally we'll discuss the direct and indirect environmental impacts of web operations, including energy consumption of data centres to transmission networks to the billions of connected devices that we hold in our hands, while taking a look at tools that help us calculate a web application's footprint.
Build RAG from Scratch
Upcoming
Build RAG from Scratch
Retrieval augmented generation (RAG) provides large language models with up to date information and helps them hallucinate less. But how does it all work beneath the covers?
In this live coding session we'll build the components of a RAG system from scratch in JavaScript. (Aside from the LLM, there probably isn't time for that!) By building our own, we'll understand vectorisation, similarity search, and the role of embedding models and vector databases. We'll then plug it all together to see our augmented bot in action.
You'll get a good grounding in the components of successful chatbots and why they work.
A Different Kind of Serverless: A Case Study for SQLite and Whisper.cpp
Upcoming
A Different Kind of Serverless: A Case Study for SQLite and Whisper.cpp
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 WASM to host a local SQLite database. The only reason we need a network connection at all for this application is to get the initial JS payload and to download the Whisper models from a remote store since they can get quite large. 
Porting Turborepo to Rust
Upcoming
Porting Turborepo to Rust
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 all your users. How can you move to Rust while still shipping features and keeping your users happy? Easy, instead of rewriting, port! In this talk, we’ll go over how we ported Turborepo from Go to Rust using three different strategies: a Rust shim that wrapped the existing Go code; a Rust-Go-Rust sandwich to incrementally port dependencies; and finally a completely parallel Rust implementation. We’ll talk about why we chose these strategies, how we went about implementing them, and how we shipped them to users.
Modern JavaScript: Leveling Up Arrays and Intl
Upcoming
Modern JavaScript: Leveling Up Arrays and Intl
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 methods and objects like Array.fromAsync() and Intl.Segmenter, and show you how to navigate browser support for new features so you can remove external libraries or transpiling steps. 
Stop Guessing, Start Measuring: Quantifying Accessibility
Upcoming
Stop Guessing, Start Measuring: Quantifying Accessibility
Accessibility is crucial for creating inclusive products and often for meeting legal requirements too. However, assessing and quantifying a company's progress in this area can be challenging. At Stack Overflow, we transitioned from hastily addressing accessibility issues to a proactive strategy that integrates accessibility into our product development lifecycle.

Join me as I share how the Design System team at Stack Overflow spearheaded this transformation by defining clear targets, securing engineering commitment, and developing an accessibility dashboard that tracks progress and provides actionable insights. Learn how we created a semi-automated accessibility scoring system that helped us to establish accessibility service level objectives (SLOs) for our products.
1000 Ways to Autocomplete
Upcoming
1000 Ways to Autocomplete
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 state, aborting requests in flight and more!
Solving these problems across various front-end frameworks presents unique problems and interesting solutions.
In this talk I will showcase the 1000 (that's 8 in binary 😉) ways I implemented this across React, Solid, Preact, Svelte, Vue, Angular, HTMX and Vanilla JS. I will compare and contrast these solutions, showcase some of the common patterns that emerged and also highlight frameworks that make this easier than others.
Attendees of this talk will walk away with new tricks to try in their favorite framework as well as perspective on how things are done in the current front-end framework landscape.
inlang - Using Version Control to Solve i18n
Upcoming
inlang - Using Version Control to Solve i18n
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?
- how to solve the orchestration problem?
- demo e2e collabroation between devs, designers, and translators
The Roof Is on Fire?
Upcoming
The Roof Is on Fire?
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 systems at scale. 

In this talk, we will explore how JavaScript and widely available electronics can be combined to create a low-cost, cheap and effective wireless fire detection system. We will deploy this system in a wild forest in Greece and utilize AI models to predict where the next blaze could be sparked.
It’s Time to Fall in Love With CSS (Again)
Upcoming
It’s Time to Fall in Love With CSS (Again)
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 JavaScript developers best friend, saving coding time, and avoiding the kinds of styling problems that use to plague JS devs and have resulted in a myriad of competing CSS abstractions, which may not be so necessary any more.
Integrating AI into Your App Architecture
Upcoming
Integrating AI into Your App Architecture
Whether you're a seasoned developer or new to AI, this hands-on guide will provide you with the tools and knowledge to enhance your app architecture. We'll cover the basics of using AI functions and Retrieval-Augmented Generation (RAG) within your existing tech stack. Learn how to add AI capabilities to make your applications smarter and more efficient, and gain practical insights into best practices and tips for optimizing your projects. Join us to see how integrating AI can transform your app development and improve user experience.
Watch Me Run Malware From NPM
Upcoming
Watch Me Run Malware From NPM
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 application from malicious code that gets past your audits and detections.

And if obfuscation is not enough, watch it applied to a malware payload delivered as pre-compiled V8 bytecode with no source code provided for it.
Web Workers: Handling Heavy Processing on the Client Side
Upcoming
Web Workers: Handling Heavy Processing on the Client Side
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 a view of a use case that I had to apply web workers and the advantages it brought in heavy processing, called “Rinha Front end” on Brazil, an challenge where we had to process Json files of various sizes just using the client side and without affecting the user experience and blocking the use of the application.
So I this talk I will bring a simple case where using pure Javascript and how to use Web Workers to process out of the main thread and block our interactions with the page.  We will create a simple application using vanilla JS and I will introduce you this feature.
What's New in Vite 6
Upcoming
What's New in Vite 6
The main focus of the talk will be the new environments API that is a big deal for frameworks.
Breaking the Code Behind Realtime Collaboration With Websockets
Upcoming
Breaking the Code Behind Realtime Collaboration With Websockets
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 of event-brokers, pubsub design pattern, web sockets. We will unravel these features and understand how to make them.
AI-Powered E2E UI Testing: Faster Creation, Easier Maintenance
Upcoming
AI-Powered E2E UI Testing: Faster Creation, Easier Maintenance
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 begin by examining the challenges in generating E2E tests with AI, noting how this differs from the simpler task of creating unit tests.
The discussion will then shift to a solution that addresses these challenges effectively. Prepare to see a live demonstration where we'll craft an E2E test using popular tools like Cypress or Playwright. To wrap up, we'll look into how AI comes close to fully automating the maintenance of our test suites, ensuring they stay up-to-date with minimal manual intervention.
JavaScript Took Over the Server, Its Time It Takes Over the Database Too
Upcoming
JavaScript Took Over the Server, Its Time It Takes Over the Database Too
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 implications of development beyond databases, and the implications for JavaScript engineers.
Building Bridges: How Open Source Contributions Enhance Your Web Development Career
Upcoming
Building Bridges: How Open Source Contributions Enhance Your Web Development Career
This talk explores the relationship between personal career development and contributions to open-source projects. We'll look at the skills developers can level up, the visibility they can gain in the tech community, and the doors that can open through regular contributions to open source. Attendees will leave with tipson how to start contributing, how to choose projects that align with your career goals, and how to document your contributions for career growth.
Leveraging Data Flow Programming for Scalable and Efficient AI Systems in Distributed Environments
Upcoming
Leveraging Data Flow Programming for Scalable and Efficient AI Systems in Distributed Environments
Because of the availability of various AI services and open source LLMs, we are now able to build very sophisticated "agentic" applications. Managing concurrently running multiple AI agents and controlling data-flow among them is quite difficult in traditional Promise or async/await programming. We propose a "data-flow programming" style along with a reference open-source implementation, GraphAI (https://github.com/receptron/graphai).
SolidStart: The Shape of Frameworks to Come
Upcoming
SolidStart: The Shape of Frameworks to Come
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 meta-framework?
Join me to learn everything you need to start shipping full-stack SolidJS applications.
Evolution of Test Tooling for the Frontend Over the History of the Web
Upcoming
Evolution of Test Tooling for the Frontend Over the History of the Web
We'll start with the beginnings of “how we tested and built web apps” and touch on modern concepts like server components, Vitest, and Bun (and WHY Vite and Bun have to have their own specific test runners).
Manual to Magical: AI in Developer Tooling
Upcoming
Manual to Magical: AI in Developer Tooling
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 AI-driven solutions.
Monorepos & Spaceships – Navigating Successfully Through Code and Cosmos
Upcoming
Monorepos & Spaceships – Navigating Successfully Through Code and Cosmos
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, techniques and best practices to help us put out fires and stay on course throughout our intergalactic journey.

Disclaimer: attending this talk probably doesn't qualify you to fly spaceships! 
Module Federation: Divide, Conquer, Share!
Upcoming
Module Federation: Divide, Conquer, Share!
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 maintenance? If we use a monolith, what about build times? We can find a pragmatic solution in Module Federation, not only for sharing features but also for dividing and conquering. Join me in this talk to discuss the latest updates of Module Federation, type safety, analyze its challenges, and check a real-world case where we applied this solution to share providers, hooks, features, and interesting issues we faced on the way.
Benchmark Rusty Parsers in JS
Upcoming
Benchmark Rusty Parsers in JS
Rust’s integration into JavaScript tooling promises significant performance gains, yet it’s not without its hurdles. Our benchmarks show Rust parsers do not always excel in performance. The key to maximizing Rust’s potential lies in reducing cross-language overhead and harnessing multi-core processing. As we evolve our tooling, optimizing Rust-JavaScript data exchange is crucial for realizing Rust’s full capabilities.
Standardizing Signals in TC39
Upcoming
Standardizing Signals in TC39
Modern web frameworks work with one-way data flow. What is displayed on the screen is a function of the application state, and updates to that state only update the particular part of the DOM to which it relates. Through their own paths, many other web frameworks have arrived at solutions which are analogous to each other, often called “Signals.” Now, a group of signal library authors and maintainers of front-end frameworks are working together in TC39 to standardize some of the core data structures and algorithms that will be required for JS implementations of Signals, and we could use your help pushing JavaScript forward.
Experimentation Driven Development
Upcoming
Experimentation Driven Development
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 experimentation-driven development, how to get leadership buy-in, and ways this can go wrong. 
Bring the Magic of 3D to Your Vue Applications With TresJS
Upcoming
Bring the Magic of 3D to Your Vue Applications With TresJS
Meet TresJS, a Vue custom renderer that enables you to craft immersive 3D experiences declaratively using ThreeJS components. In this lightning talk, we’ll demonstrate how Tres breaks down the barrier between developers and the 3D world using their favorite framework.
Fast, Flexible Virtual Scrolling With Functional Programming
Upcoming
Fast, Flexible Virtual Scrolling With Functional Programming
Virtual scrolling is a clever way to reduce rendering overhead, and is especially helpful as the complexity of websites increases. Although there are many plug-and-play libraries which support virtual scrolling in various frameworks, rolling your own is surprisingly easy. In addition, this allows one to maximally optimize each viewport for its content, unlocking additional performance savings.

In this talk, you will learn how to create a flexible virtual scrolling viewport from scratch, and make it performant using concepts from functional programming. We will be following an implementation of a virtual scrolling viewport using web components from start to finish, including variable element heights, skeletons, asynchronous child component rendering. We will then optimize it using memoization, wrapping more-performant imperative constructs in a functional layer, and using element recycling to significantly reduce render churn when using stateless child components.

Finally, we will touch on the state of the art in virtual DOM rendering, and how this approach compares to the use of the new `content-visibility` CSS property.
In Memory of Travails
Upcoming
In Memory of Travails
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 implementation of graphql, promises wrapping primitive values are especially disruptive, since they add a large computing overhead. The context size creates a memory usage baseline that can rise very quickly with even small additions to the context, when there are many concurrent contexts. The execution can create temporary objects, increasing memory usage. Often-run resolvers, such as those responsible for filling out large arrays of objects, can become performance bottlenecks.

At Auction.com, our search results page (SRP) requests up to 500 items of roughly 80 fields each. The query resolving these fields was suffering a high latency. We shall examine the tools to instrument our code and identify memory usage and CPU utilization bottlenecks.

Our realtime elements (e.g. realtime updates to the status of currently viewed properties) are implemented using a translation of  kafka messages to graphql updates. We shall present the tools and procedures to reduce memory usage and CPU usage when fanning out such messages.
The Dilemmas I Faced When Building a Component Library
Upcoming
The Dilemmas I Faced When Building a Component Library
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 library. I’ll show you how to consider the right solutions, and I’ll share some of my personal experiences. By the end, you’ll be equipped to share your first library with world.
Computer Vision on Your Browser With SVG Filters
Upcoming
Computer Vision on Your Browser With SVG Filters
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 amazing effects with just a few lines of SVG markup.

In this talk we'll dive into some code examples of using SVG filters, like creating a live webcam green screen filter, adding an infrared effect to the screen, and other cool effects you wouldn't believe your browser can do so easily.
North Star
Upcoming
North Star
Svelte 5 is out, and it's radically different but intimately familiar.
Unlocking Fun Experiments: Exploring the Web Speech API
Upcoming
Unlocking Fun Experiments: Exploring the Web Speech API
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 look at the current state of the Web Speech API, explore its potential in Karaoke, and have some fun!
Your App Crashes My Browser
Upcoming
Your App Crashes My Browser
Memory leaks in JS are a blind spot for many (I'd guess most) web apps and we need to spread awareness. How to know if your app leaks memory in the wild (reporting API), how to find leaks (memlab by Facebook + my recorder extension) and how to fix them (usually the easiest).
Introducing Nue: A Web Framework for UX Developers
Upcoming
Introducing Nue: A Web Framework for UX Developers
Nue is a content-first framework for rapidly building highly performant and pixel-perfect websites. What used to take a Next/React/Tailwind specialist and thousands of lines of TypeScript is now taken care of by a UX developer with a few hundred lines of CSS.
No Seriously: htmx is Pro-JavaScript!
Upcoming
No Seriously: htmx is Pro-JavaScript!
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. While there are certainly htmx enthusiasts who hate JavaScript, nonetheless, htmx can be looked at from a pro-JavaScript angle: by relieving JavaScript from having to be everything for your web application, you can focus on using it where it was designed to be used. And, in doing so, rediscover the joy of JavaScript!
Local-First: A Crazy New Way to Build Apps
Upcoming
Local-First: A Crazy New Way to Build Apps
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.
In this talk we'll have a look at what that looks like with my framework, Jazz (for TypeScript/React). We'll see how writing an app becomes little more than defining a data schema and building some UI.