JS Party: JavaScript, CSS, Web Development

Amal and Nick load up on coffee for a not-so-vite (lame joke!) conversation with Evan You all about Vite – a batteries included next-generation frontend tooling library. Vite continues to push the ecosystem forward with even stronger defaults, super speedy local development workflows, and a highly extensible universal plugin API. Need we say more?! Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:Retool – Retool is a low-code platform built specifically for developers that makes it fast and easy to build internal tools. Instead of building internal tools from scratch, the world’s best teams, from startups to Fortune 500s, are using Retool to power their internal apps. Learn more and try it for free at retool.com/changelog Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com SignalWire – Build what’s next in communications with video, voice, and messaging APIs powered by elastic cloud infrastructure. Try it today at signalwire.com/video and mention “JS Party” to receive an extra 5,000 video minutes. Featuring:Evan You – Website, GitHub, XAmal Hussein – GitHub, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: Vite Node SSR | Code source for Vite’s Rich Harris inspired in memory node module graph Webpack Hardsource Plugin | Inspiration & spec author for Webpack 4’s Perf improvements SWC (Speedy Web Compiler) ESBuild vite plugin legacy Rust Go Parcel Jest Vitest Partytown Rollup Svelte SvelteKit hydrogen Snowpack Astro Vite SSR es-module-lexer MagicString (Rust) Recent JS Party episode on Svelte with Rich Harris Something missing or broken? PRs welcome!

Ryan Carniato joins Jerod, Amelia, and Nick to discuss SolidjS – a declarative, efficient, and flexible JavaScript library for building user interfaces. Join the discussionChangelog++ members save 4 minutes on this episode because they made the ads disappear. Join today!Sponsors:Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com SignalWire – Build what’s next in communications with video, voice, and messaging APIs powered by elastic cloud infrastructure. Try it today at signalwire.com/video and mention “JS Party” to receive an extra 5,000 video minutes. Changelog++ – You love our content and you want to take it to the next level by showing your support. We’ll take you closer to the metal with no ads, extended episodes, outtakes, bonus content, a deep discount in our merch store (soon), and more to come. Let’s do this! Featuring:Ryan Carniato – GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XAmelia Wattenberger – Website, GitHub, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: Holla! JSConf Mexico (On YouTube) SolidJS website JS Framework Benchmark Isomorphic UI Benchmark Ryan Florence Tweet Solid Start meta-framework MarkoJS Something missing or broken? PRs welcome!

Tobie Langel, Open source strategist and Principal at UnlockOpen, joins Chris, Feross, and Amal to discuss recent widespread incidents affecting the JavaScript community (and breaking CI builds) around the globe. Two widely used npm libraries were self-sabotaged by their single maintainer, yet again, highlighting the many gaps in our OSS supply chain security, sustainability and overall practices. We explore all these topics and solution on what our ecosystem needs to be more resilient to these types of attacks in the future. Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:Sentry – Working code means happy customers. That’s exactly why teams choose Sentry. From error tracking to performance monitoring, Sentry helps teams see what actually matters, resolve problems quicker, and learn continuously about their applications - from the frontend to the backend. Use the code CHANGELOG and get the team plan free for three months. Changelog++ – You love our content and you want to take it to the next level by showing your support. We’ll take you closer to the metal with no ads, extended episodes, outtakes, bonus content, a deep discount in our merch store (soon), and more to come. Let’s do this! Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com Featuring:Tobie Langel – Website, GitHub, XAmal Hussein – GitHub, XFeross Aboukhadijeh – Website, GitHub, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes: Open source developer corrupts widely-used libraries, affecting tons of projects - The Verge Tobie’s tweet thread on this self-sabotage Tobie’s talk on OSS Sustainability Working in Public | A book by Nadia Eghbal Four types of OSS projects mentioned in Nadia’s book Renovate | A Dependency Management Bot Dependabot | Another OSS Dependency Bot Sustain OSS | A space for conversations about sustaining open source Tidelift SBOM - Software Bill of Materials (official US Government Site & Docs) Software Bill of Materials’ — Not just good for security, good for business | The Hill Executive Order on Improving the Nation’s Cybersecurity Tidelift’s SBOM generation service Popular NPM package UA-Parser-JS poisoned with cryptomining, password-stealing malware | The Daily Swig Roads and Bridges: The Unseen Labor Behind Our Digital Infrastructure / Ford Foundation Socket (Security project that Feross is working on) Does open source need its own Priority of Constituencies? Unlock Open who accused me of co-founding npm Something missing or broken? PRs welcome!

Cloudflare has a lot more to offer than merely DDoS protection and CDN services. On this episode, Jon Kuperman joins Amal & Jerod to talk through many of their cool new things like Workers, KV, Durable Objects, and R2 Storage. Thanks to listener Matt Mannucci for requesting this episode! Join the discussionChangelog++ members save 4 minutes on this episode because they made the ads disappear. Join today!Sponsors:Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com Changelog++ – You love our content and you want to take it to the next level by showing your support. We’ll take you closer to the metal with no ads, extended episodes, outtakes, bonus content, a deep discount in our merch store (soon), and more to come. Let’s do this! Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com Featuring:Jon Kuperman – Website, GitHub, XAmal Hussein – GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: Workers Workers Chat Demo Argo Smart Routing R2 announcement Durable Objects KV Something missing or broken? PRs welcome!

Swyx is known for learning in public, and he joins the party to teach Ali and Nick about what he’s been working on with Temporal IO, what it is, and why he’s excited about it. We also talk about his role as Director of Developer Experience, including what developer experience is, how to do it, and what goals to set. Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:Retool – Retool is a low-code platform built specifically for developers that makes it fast and easy to build internal tools. Instead of building internal tools from scratch, the world’s best teams, from startups to Fortune 500s, are using Retool to power their internal apps. Learn more and try it for free at retool.com/changelog Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com Changelog++ – You love our content and you want to take it to the next level by showing your support. We’ll take you closer to the metal with no ads, extended episodes, outtakes, bonus content, a deep discount in our merch store (soon), and more to come. Let’s do this! Featuring:Shawn Wang – Website, GitHub, XNick Nisi – Website, GitHub, Mastodon, XAli Spittel – Website, GitHub, LinkedIn, XShow Notes: Changelog 467: Connecting the dots in public Temporal Sidekiq React Netlify functions Serverless Jamstack The All Powerful Front End Developer - Chris Coyier RabbitMQ Guillermo Rauch on Twitter React Suspense React Server Components AWS SQS Collision Installation JavaScript Temporal Proposal Temporal TypeScript API Swyx thread on Temporal The Web is the only modern programming platform Something missing or broken? PRs welcome!

It’s our 3rd annual New Year’s party! We welcome a new panelist, review our (failed) resolutions from last year, discuss what’s trending in the web world, and even set some new (failed) resolutions for this year. Join the discussionChangelog++ members get a bonus 4 minutes at the end of this episode and zero ads. Join today!Sponsors:Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com Fastly – Compute@Edge free for 3 months — plus up to $100k a month in credit for an additional 6 months. Fastly’s Edge cloud network and modern approach to serverless computing allows you to deploy and run complex logic at the edge with unparalleled security and blazing fast computational speed. Head to fastly.com/podcast to take advantage of this limited time promotion! Changelog++ – You love our content and you want to take it to the next level by showing your support. We’ll take you closer to the metal with no ads, extended episodes, outtakes, bonus content, a deep discount in our merch store (soon), and more to come. Let’s do this! Featuring:Ali Spittel – Website, GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XAmelia Wattenberger – Website, GitHub, XKevin Ball – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XDivya – Website, GitHub, LinkedIn, XChristopher Hiller – Website, GitHub, Mastodon, XAmal Hussein – GitHub, XShow Notes: You Will Be Able to Draw By the End of this Book Something missing or broken? PRs welcome!

Jerod, Nick, and a node_modules-worthy collection of JS friends played an intense game of Frontend Feud at React Advanced London’s after-party back in October. Today, you get to play along with us! Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:Retool – Retool is a low-code platform built specifically for developers that makes it fast and easy to build internal tools. Instead of building internal tools from scratch, the world’s best teams, from startups to Fortune 500s, are using Retool to power their internal apps. Learn more and try it for free at retool.com/changelog Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com Fastly – Compute@Edge free for 3 months — plus up to $100k a month in credit for an additional 6 months. Fastly’s Edge cloud network and modern approach to serverless computing allows you to deploy and run complex logic at the edge with unparalleled security and blazing fast computational speed. Head to fastly.com/podcast to take advantage of this limited time promotion! Featuring:Michael Chan – Website, GitHub, XYuraima Estevez – Website, GitHub, XBrandon Dail – Website, GitHub, XTara Z. Manicsic – Website, GitHub, XNick Nisi – Website, GitHub, Mastodon, XColby Fayock – Website, GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: JS Party Merch! JavaScript’s security model is based Something missing or broken? PRs welcome!

Rich Harris joins Amal & Amelia for a Svelte deep-dive! What’s it all about? Why might you pick it over React and friends? What up with SvelteKit? Rich is working on it full-time now?! Will even more questions be answered? Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:Auth0 – The for developers, by developers identity platform built for the cloud era that secures billions of logins every year. Security, compliance, and industry standards are always up-to-date, plus devs are free to provide the login options their users want with the security their application demands. Make login Auth0’s problem. Not yours. Learn more at Auth0.com Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com Fastly – Compute@Edge free for 3 months — plus up to $100k a month in credit for an additional 6 months. Fastly’s Edge cloud network and modern approach to serverless computing allows you to deploy and run complex logic at the edge with unparalleled security and blazing fast computational speed. Head to fastly.com/podcast to take advantage of this limited time promotion! Featuring:Rich Harris – GitHub, XAmal Hussein – GitHub, XAmelia Wattenberger – Website, GitHub, XShow Notes: Rich on The Changelog Sratch for Developers Lerna Rush Something missing or broken? PRs welcome!

Salma Alam-Naylor joins us this week to share her thesis that JavaScript is best in moderation, and is a liability when creating performant, resilient, and accessible web applications. Salma says we’re drunk on JavaScript, and it’s time we learn how to leverage this powerful web primitive to enhance our web experiences, alongside HTML and CSS, instead of purely relying on JavaScript to completely run the show. Join the discussionChangelog++ members save 4 minutes on this episode because they made the ads disappear. Join today!Sponsors:Retool – Retool is a low-code platform built specifically for developers that makes it fast and easy to build internal tools. Instead of building internal tools from scratch, the world’s best teams, from startups to Fortune 500s, are using Retool to power their internal apps. Learn more and try it for free at retool.com/changelog Sentry – Working code means happy customers. That’s exactly why teams choose Sentry. From error tracking to performance monitoring, Sentry helps teams see what actually matters, resolve problems quicker, and learn continuously about their applications - from the frontend to the backend. Use the code SHIPIT and get the team plan free for three months. Fastly – Compute@Edge free for 3 months — plus up to $100k a month in credit for an additional 6 months. Fastly’s Edge cloud network and modern approach to serverless computing allows you to deploy and run complex logic at the edge with unparalleled security and blazing fast computational speed. Head to fastly.com/podcast to take advantage of this limited time promotion! Featuring:Salma Alam-Naylor – Website, GitHub, BlueskyAmal Hussein – GitHub, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: How to Prevent the Collapse of Society by Building an Accessible Web - slides to Salma’s talk man, javascript is just… pure Revenue Lost When a Retail Website is Inaccessible Axe Devtools - site & docs Axe Devtools Chromium Browser Extension Wave Evaluation Tool Wave Evaluation Tool Chromium Extension Lighthouse Devtools Colour Contrast Checker Google’s Core Web Vitals Google Core Web Vitals Used in Search Ranking 2021 Aliexpress - one of the worlds most popular sites with less than great a11y AsyncJS Meetup AsyncJS Community Site Web AIM Survey 1 million page survey Salma’s Twitch Stream! Something missing or broken? PRs welcome!

Liana Leahy tells Amal and KBall all about her journey from software engineer to product manager. Along the way we learn what a PM does, how to be great at it, how to know if it’s for you, why the role is in such demand these days, and much more. - It’s UNIX, I know this! Join the discussionChangelog++ members save 4 minutes on this episode because they made the ads disappear. Join today!Sponsors:Auth0 – The for developers, by developers identity platform built for the cloud era that secures billions of logins every year. Security, compliance, and industry standards are always up-to-date, plus devs are free to provide the login options their users want with the security their application demands. Make login Auth0’s problem. Not yours. Learn more at Auth0.com Raygun – Never miss another mission-critical issue again — Raygun Alerting is now available for Crash Reporting and Real User Monitoring, to make sure you are quickly notified of the errors, crashes, and front-end performance issues that matter most to you and your business. Set thresholds for your alert based on an increase in error count, a spike in load time, or new issues introduced in the latest deployment. Start your free 14-day trial at Raygun.com Fastly – Compute@Edge free for 3 months — plus up to $100k a month in credit for an additional 6 months. Fastly’s Edge cloud network and modern approach to serverless computing allows you to deploy and run complex logic at the edge with unparalleled security and blazing fast computational speed. Head to fastly.com/podcast to take advantage of this limited time promotion! Featuring:Liana Leahy – Website, GitHub, LinkedIn, XAmal Hussein – GitHub, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes:Amal’s tweet on normalizing tech as a job vs passion Liana’s blog post on being the “Glue” Slides from “Being Glue” Talk HBR article on What it Takes to Be a Great Product Manager The Rise of Product Management on Business School Campuses Amal’s alternative MBA of choice - MIT’s SDM Degree Liana singing live at Rails Conf 2014 - Let Me Code Liana JS Party Inspired Song - It’s UNIX, I know this! Something missing or broken? PRs welcome!