JSNation Live 2021
2021-06-09..2021-06-10
-- online --
JSNation ·
[JSNation 2019, JSNation Live 2020, JSNation Live 2021, JSNation Conference 2022, JSNation 2023, JSNation 2024, JSNation 2025, JSNation 2026]
who it's for
JavaScript developers, full-stack engineers, frontend engineers, engineering managers, platform engineers, site reliability engineers, web performance engineers
topics
Node.js runtime observability; automated security scanning for JS; Proxy-based state management; JAMstack and immutable deploys; Module Federation micro-frontends; Vite frontend tooling; JavaScript to WebAssembly performance; TensorFlow.js in the browser; Web Components with Lit; Deno high-performance web server; Chrome DevTools debugging; Core Web Vitals for SEO
| title | author | length |
|---|---|---|
| Simplifying the Complexity of Node.js with InfluxDB | Marian Villa | 07m |
NodeSource describes building an enterprise Node runtime called nSolid runtime that embeds InfluxDB as an embedded single binary to collect CPU profiles… | ||
| Automated Security Testing for JS Apps & Underlying APIs | Scott Gerlach | 08m |
StackHawk is a docker-based scanner that runs against a live host (localhost or CI) and claims to find real issues like cross-site scripting and SQL injection… | ||
| Using the Proxy API for State Management | Will Johnston | 22m |
Builds a Proxy-based state wrapper that intercepts get and set traps, uses Reflect to forward operations and WeakMap caches to avoid double-proxying, and… | ||
| How Your Architecture & Infrastructure Can Make or Break Your Team’s Productivity | Jason Lengstorf | 08m |
Claim: switching to a JAMstack decoupled front end plus precompiled assets and CDN deploys removes backend gatekeeping, cuts servers and runtime complexity… | ||
| Headless vs Traditional eCommerce Platforms: Introducing Commerce Layer | Fabrizio Picca | 07m |
Commerce Layer is an API-first transactional engine that exposes endpoints for prices, carts, inventory and orders and is presented as an alternative to… | ||
| Building a Custom Component Library – Fast - TJ VanToll | TJ VanToll | 08m |
Argues for a single company UI library that reuses Kendo UI components, refuses to rebuild complex widgets like date pickers and autocompletes, and wraps… | ||
| Create an Application Backend in Clicks with the Amplify Admin UI | Ali Spittel | 20m |
Creates a fullstack video-course backend in clicks and deploys it to AWS in minutes, producing a working offline-ready backend wired to browser IndexedDB and… | ||
| JavaScript Open Source Awards 2021 | Stefan Fejes, Bruce Lawson | 31m |
A filmed awards ceremony lists 500 unique projects whittled to 25 nominees across five categories and names winners so viewers know what actually stood out… | ||
| How to Code Boring Internal Apps 10x Faster | Chris Smith | 07m |
Claim that Retool builds internal apps 10x faster by combining a drag-and-drop UI with prebuilt database and API connectors and an everywhere-write JavaScript… | ||
| Accelerating Code Quality with DORA Metrics | Nico Krüger | 19m |
Google DORA metrics map to concrete gains and the talk gives numbers: elite teams deploy 4,000 times in a week for some customers and are 208x more frequent… | ||
| Remember CSS Sprites? Let's do that with video! | Matt McClure | 07m |
Combines multiple camera feeds into one video sprite by laying them out in quadrants, encoding a single stream (demo at video-sprites.mux.dev) and using canvas… | ||
| Vite: Rethinking Frontend Tooling | Evan You | link |
Vite is a next-generation build tool that leverages native ES modules for improved performance. It eliminates the need for bundling and improves hot module… | ||
| Making JavaScript on WebAssembly Fast | Lin Clark | link |
WebAssembly enables optimizing JavaScript performance for different environments by deploying the JavaScript engine as a portable WebAssembly module. By making… | ||
| Building Brain-controlled Interfaces in JavaScript | Charlie Gerard | link |
Learn how to build brain-controlled interfaces using JavaScript and brain sensors. Understand the functions of different parts of the brain and how they relate… | ||
| Multithreaded Logging with Pino | Matteo Collina | link |
This talk is about logging with Pino, one of the fastest loggers for Node.js. Pino's speed and performance are achieved by avoiding expensive logging and… | ||
| Debugging with Chrome DevTools | Jecelyn Yeen | link |
Here are some tips for better utilizing DevTools, including using the run command, customizing keyboard shortcuts, and emulating the focus effect. Learn how to… | ||
| The Third Age of JavaScript | Shawn Swyx Wang | link |
This talk presents the Third Age of JavaScript, covering the evolution and future of the language. It explores the adoption of ES modules and the decline of… | ||
| Micro Frontends with Module Federation and React | Alex Lobera | link |
Today's Microfrontend workshop with Module Federation covers configuring module federation, creating boundaries between micro frontends, routing, soft… | ||
| Building a Hyper Fast Web Server with Deno | Matt Landers, Will Johnston | link |
The workshop introduces Beano and Hyper, a JavaScript runtime and a Rust library known for its fast HTTP implementation. The benefits of using Rust and Hyper… | ||
| TensorFlow.JS 101: ML in the Browser and Beyond | Jason Mayes | link |
JavaScript with TensorFlow.js allows for machine learning in various environments, enabling the creation of applications like augmented reality and sentiment… | ||
| Web Components, Lit and Santa 🎅 | Sam Thorogood | link |
Web Components and the Lit library are introduced, highlighting their ability to create custom elements and replicate built-in components with different… | ||
| Pixi Powerups! | Mat Groves | link |
Pixie is a powerful tool for creating scenes and effects in software development. It supports features like texture mapping, Spine animation, and filters for… | ||
| Keep Scrolling | Cassie Evans | link |
Scroll animations can enhance user experience when done properly, but should not distract from important information. CSS, JavaScript, and plugins like Scroll… | ||
| Micro-Frontends with Module Federation and Angular | Manfred Steyer | link |
Microfrontends with module federation allow teams to develop and deploy separate parts of a system, simplifying integration into a common shell. Webpack 5… | ||
| Securing Node.js APIs with Decentralised Identity Tokens | Mohammad Shahbaz Alam | link |
This talk introduces the concept of securing a Node.js API using a decentralized identity token. The token is encoded as a Base64 string and consists of a… | ||
| How to Outsmart Time: Building Futuristic JavaScript Apps Using Temporal | Ujjwal Sharma | link |
Temporal is a proposal in JavaScript that brings an ergonomic API for building futuristic JavaScript applications. It is now at stage 3 and implementers will… | ||
| VS Code Can Do That! | John Papa | link |
The talk covers various tips and features of using VS Code, including the command palette, Zen mode, external terminals, and debugging. It also highlights… | ||
| CSS Can Do That Too | Chen Hui Jing | link |
This talk is about CSS techniques that can simplify web development and eliminate the need for JavaScript. It covers topics such as responsive typography… | ||
| The Visual Future of State Management | David Khourshid | link |
This talk discusses the visual future of state management and the use of state machines and state charts. XState is introduced as a state machine and state… | ||
| Service Workers: How to Run a Man-in-the-middle Attack on Your Own Site for Fun and Profit | Chris Ferdinandi | link |
Service workers provide resilience and make sites faster by intercepting requests and responses, caching assets, and providing fallbacks. They can be used to… | ||
| Micro-scopes – How to Build a Modular Modern App in a Bundled World | Liad Yosef | link |
This talk discusses the importance of bundling code in the modern JavaScript world and introduces Webpack as the de facto standard for bundling modules. It… | ||
| Build React-like apps for internal tooling 10x faster with Retool | Chris Smith | link |
This workshop covered the challenges of building internal tools and introduced Retool, a tool that helps engineers create valuable software quickly. Retool… | ||
| Intro to AI for JavaScript Developers with Tensorflow.js | Chris Achard | link |
This workshop provides an introduction to AI for JavaScript developers using TensorFlow.js. It explores deep learning, its APIs and capabilities, and the… | ||
| Let's Expand the Reality! | Vasilika Klimova | link |
I work as a front-end developer with experience in 3D tasks using WebGL and 3DS framework. Let's explore virtual reality and WebXR, which allows full immersion… | ||
| Data Visualization for Web Developers | Anjana Vakil | link |
This workshop focused on data visualization in web development, highlighting its value in understanding user needs, optimizing feature development, and… | ||
| Panel Discussion: Code Quality | John Papa, Angie Jones, Jason Palmer, Anna Backs | link |
Discussion on quality in JavaScript projects with insights from John Papa, Angie Jones, and Jason Palmer. Insights on identifying and measuring quality in code… | ||
| Put Down the Javascript – Level Up with the Fundamentals of Web Development | Colby Fayock | link |
This talk provides insights into web development fundamentals and the challenges faced in React setup. It emphasizes the importance of building a strong… | ||
| Build an IoT App With InfluxDB | Miroslav Malecha | link |
The workshop introduces IoT Center, a simple IoT application that integrates with InfluxDB for data capture and visualization. It covers the installation and… | ||
| Build Fullstack Apps in Record Time with Blitz.js | Brandon Bayer | link |
The speaker wanted to create the best developer experience for full stack React apps by simplifying the development process and getting rid of the API layer… | ||
| ES?.next() | Hemanth HM | link |
The talk discusses various proposals for the next version of ECMAScript (ES Next) and the TC39 process. It covers features such as binding syntax, shorthand… | ||
| Web Components in Action | Joren Broekema, Alex Korzhikov | link |
Web Components are a set of HTML, CSS, and JavaScript specifications that include custom elements, Shadow DOM, HTML templates, and ECMAScript modules. They… | ||
| Regular Expressions in JavaScript | Bonnie Schulkin | link |
The workshop on Regular Expressions in JavaScript covers syntax options, methods, and examples. It explores the use of regular expressions in JavaScript… | ||
| Transforming a Country Through Code! | Lizz Parody | link |
Medellin, once the most dangerous city in the world, has transformed into the Silicon Valley of Latin America through technology and community inclusion… | ||
| Panel Discussion: Next Gen Build Tools | Shawn Swyx Wang, Fred K. Schott, Evan You, Sharone Revah Zitzman | link |
Excited to be at JS Nation with a panel of experts discussing next-gen build tools like Astro and Rome, browser-native technologies, and simplified tooling… | ||
| How Core Web Vitals Will Affect Google Rankings in 2021 | Lee Robinson | link |
Lee, a solutions architect at Vercel, introduces Core Web Vitals and their impact on SEO, highlighting the importance of web performance and sharing examples… | ||
| An Introduction To IoT; Or How I Built an IoT Kitty Litter Box Using JavaScript | Joe Karlsson | link |
This talk is an introduction to IoT and JavaScript, discussing the use of JavaScript and Node for IoT projects, the importance of data considerations and… | ||
| Yarn in Depth: Why & How | Maël Nison | link |
Yarn is a package manager and project manager that prioritizes soundness and reliability. It offers workflows and features like zero-installs and workspace… | ||
| Getting Comfortable with Angular and UI | Alyssa Nicoll | link |
The workshop covered various topics such as setting up the development environment, troubleshooting and debugging, using Angular and Kendo UI, customizing… | ||
| Painting with Data: Intro to d3.js | Ian Johnson | link |
This workshop covers the process of making a D3 visualization with real data. It explores drawing elements using D3 and SVG, generating data-driven elements… | ||
| Panel Discussion: The Future of JavaScript | Hemanth HM, Jordan Harband, Maggie Pint, Rick Button | link |
Delegates of TC39 introducing themselves and discussing favorite upcoming proposals. Favorite upcoming proposal: pattern matching. Introduction of Hemant from… | ||
| DevOps 2.0: The ultimate JS delivery pipeline | Tom Papiernik | link |
The DevOps 2.0 Workshop covers topics such as CI/CD, Git workflows, Docker deployment, and automated browser testing. It emphasizes the importance of… | ||
| Jamstack eCommerce 101 | Bolaji Ayodeji | link |
The workshop on JAMstack e-commerce introduces the concept of JAMstack and headless commerce, highlighting their benefits in enhancing the shopping experience… | ||
| nothing matches | ||