JS Party: JavaScript, CSS, Web Development

This week we are joined by Sophie Alpert, Head of Engineering at Humu, and former lead of the React Core team, to discuss her experience on being a very early adopter, contributor, and eventually maintainer of React. In her 4+ years on the Core team, she went from supporting a new niche OSS UI library to supporting a project used by millions of developers around the world. Join us to hear about this epic journey, as well as Sophie’s thought’s on some common critiques and misconceptions of React. 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:Sophie Alpert – Website, GitHub, LinkedIn, XAmal Hussein – GitHub, XDivya – Website, GitHub, LinkedIn, XShow Notes: Frameworks Panel (Chrome Dev Summit 2017) New React Beta Site Creact React App Site & Docs ReactJS StackOverflow Humu Humu is hiring! See open roles Something missing or broken? PRs welcome!

Rachel Nabors –beloved educator, animator, & documentation engineer at Meta– joins Amal and Amelia for a first look at the brand new React docs! This massive overhaul to the React website (which supports 2 million+ developers around the world) was no easy feat! We dive into all the behind the scenes coordination, as well as the goals, wins, and intended outcomes of this new way of approaching educational content and API reference material for open source projects. Join the discussionChangelog++ members save 5 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. Square – Develop on the platform that sellers trust. There is a massive opportunity for developers to support Square sellers by building apps for today’s business needs. Learn more at developer.squareup.com to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. 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:Rachel Nabors – Website, GitHub, Mastodon, XAmal Hussein – GitHub, XAmelia Wattenberger – Website, GitHub, XShow Notes: New React Beta Docs Site Code Sandbox API Overreacted - Dan Abramov’s Blog GitHub discussion and feedback for new blog What’s the difference between a rounded square and a squircle? ReactiFlux Discord Community Mark Erikson aka Aceamake - Beloved React community educator Something missing or broken? PRs welcome!

JS Party listeners and panelists celebrate our favorite moments from the past 100 episodes! You’ll hear from over 20 of your favorite voices across 14 episodes. We also share some behind-the-scenes and read/hear from listeners! Here’s to the last 200 episodes, and the next 200 as well. 🥂 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 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. Square – Develop on the platform that sellers trust. There is a massive opportunity for developers to support Square sellers by building apps for today’s business needs. Learn more at developer.squareup.com to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. Featuring:Eric Normand – GitHub, XKevin Ball – Website, GitHub, LinkedIn, XEmma Bostian – GitHub, LinkedIn, XChristopher Hiller – Website, GitHub, Mastodon, XJake Dohm – GitHub, XScott Tolinski – GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XKent C. Dodds – Website, GitHub, XSuz Hinton – GitHub, Mastodon, XMat Ryer – Website, GitHub, LinkedIn, XAmal Hussein – GitHub, XDivya – Website, GitHub, LinkedIn, XBen Ilegbodu – Website, GitHub, LinkedIn, XAhmad Nassri – Website, GitHub, LinkedIn, XChris Coyier – Website, GitHub, XGeoff Graham – Website, XMiriam Suzanne – Website, XSarah Drasner – Website, GitHub, XAmelia Wattenberger – Website, GitHub, XFeross Aboukhadijeh – Website, GitHub, XAdam Wathan – GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: JS is an occasionally functional language Do you want JavaScript again or more JavaScript? JS “Danger” Party Monad’s Hook Getting Hooked on React What I’m gonna share here is really mediocre WFH?! We really needed new jingles Amal joins the party 🎉 Bringing it back to TypeScript Let’s replace your kidney with React JS Danger: CSS-Tricks Edition When (and how) to say NO The Tailwind beneath my wings Something missing or broken? PRs welcome!

KBall catches up with Chris Ferdinandi about the trends in modern web development towards smaller libraries, pre-compilation, and applications at the edge. 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 – With Raygun Error and Performance Monitoring you have all the information you need at your fingertips to quickly find and fix errors and performance issues across your tech stack down to the line of code. Get started with a free 14-day trial, head to raygun.com and join thousands of customer-centric software teams who use Raygun every day. 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:Chris Ferdinandi – Website, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: Help us make episode #200 awesome! JSParty 80: JavaScript is the CO2 of the web Preact petite-vue SolidJS Svelte Hugo Eleventy Rich Harris on transitional apps JSParty 55: The future of the web is npm, but maybe not JavaScript Astro Jason Lengstorff on Astro and Next Native Interactive Components HTML Sanitizer API Details and summary elements JSParty 183: JS on Wasm Something missing or broken? PRs welcome!

We’re putting together a special highlight reel for our 200th episode! Share your favorite moments, guests, topics, and/or episodes from the past 100 shows. Every listener who gets their voice or text message included in the episode gets a free JS Party t-shirt! The details for submission are at jsparty.fm/200 Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: Submit here T-shirt here Something missing or broken? PRs welcome!

Nader Dabit shares his motivation and experience on recently transitioning to focus on technologies and communities that support the decentralized internet. In this hot topics discussion, we cover all the buzz words you’ve likely heard over the past year. We have honest and nuanced conversations about the world of Ethereum, Cryptocurrencies, NFTs, DAOs, and Web3. Hype or hit? You’ll have to tune in to find out. 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 Raygun – With Raygun Error and Performance Monitoring you have all the information you need at your fingertips to quickly find and fix errors and performance issues across your tech stack down to the line of code. Get started with a free 14-day trial, head to raygun.com and join thousands of customer-centric software teams who use Raygun every day. 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 Featuring:Nader Dabit – GitHub, XAmal Hussein – GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: Nader on The Changelog in 2018 The Complete Guide to Fullstack Ethereum Development (Blog post) The Complete Guide to Fullstack Ethereum Development (YouTube Tutorial) What is Web3 The New Creator Economy – DAOs, Community Ownership, and Cryptoeconomics Nader Dabit’s Twitter Thread on Drawbacks (Link Coming Soon!) How to Get into Ethereum | Crypto | Web3 As A Developer OpenSea - the world’s first and largest NFT marketplace Friends with Benefits DAO Developer DAO How to join Developer DAO RxJS. Please don’t Something missing or broken? PRs welcome!

Matteo Collina, Ph.D takes us to school on all things Node, Fastify, and Pino. We start with his journey into the Node community, how he got started in open source, and his experience as a member of Node’s Technical Steering Committee (TSC). We then nerd out about middleware architecture, data structures and logs (yes, logs), and of course, we dive into what makes Fastify so darn fast and how Pino was the precursor project. 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 – With Raygun Error and Performance Monitoring you have all the information you need at your fingertips to quickly find and fix errors and performance issues across your tech stack down to the line of code. Get started with a free 14-day trial, head to raygun.com and join thousands of customer-centric software teams who use Raygun every day. Square – Develop on the platform that sellers trust. There is a massive opportunity for developers to support Square sellers by building apps for today’s business needs. Learn more at developer.squareup.com to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. Featuring:Matteo Collina – Website, GitHub, Mastodon, XAmal Hussein – GitHub, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: Pino Fastify JS Party 103 - You’re probably using streams Hiring at Nearform Maven npm koa Find my way - router NestJS and Fastify Adventures in Nodeland newsletter Deno 10 things I regret about Node.js Node Todo NodeConf Remote - October 18-21, 2021 Avvio // Require the framework and instantiate it const fastify = require('fastify')({ logger: true }) // Declare a route fastify.get('/', (request, reply) => { reply.send({ hello: 'world' }) }) // Run the server! fastify.listen(3000, (err) => { if (err) { fastify.log.error(err) process.exit(1) } }) Something missing or broken? PRs welcome!

Doug Martin joins Nick to talk to us about building GraphQL backends in TypeScript with NestJS and his project, nestjs-query. We talk about what NestJS is and its built-in support for GraphQL and REST, and then dive into how NestJS-query extends it to generate code for you. 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 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. Square – Develop on the platform that sellers trust. There is a massive opportunity for developers to support Square sellers by building apps for today’s business needs. Learn more at developer.squareup.com to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. Featuring:Doug Martin – GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: NestJS Modules Controllers Services/Providers GraphQL with NestJS Resolvers nestjs-query Assemblers fastCSV Is JavaScript, the language, suffering Something missing or broken? PRs welcome!

Muffin fairies, thumb wars, and fruit transit can only mean one thing: Explain it Like I’m 5! We’re also covering the news, discussing the effects of remote work, and agreeing it’s OK to ignore the frontend dev scene for awhile. Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:Retool For Startups – More and more startups are using Retool to focus their time on their core product. That’s exactly why Retool launched “Retool For Startups” — it’s a program that gives early-stage founders free access to a lot of the software needed for great internal tooling. Retool has bundled together a year of free access to Retool with over $160,000 in partner discounts to save you money while building Retools apps with common integrations. Learn more, apply, join lightening demos and much more at retool.com/startups 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. 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 Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XAmelia Wattenberger – Website, GitHub, XKevin Ball – Website, GitHub, LinkedIn, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes: The effects of remote work on collaboration among information workers How Slack Changed Apple’s Employee Culture Get your head checked CSS container units I completely ignored the front end development scene for 6 months. It was fine Safari 15 Beta Release Notes LeadDev conference on Staff+ Go Time’s 200th episode live show Don’t be the last kid on your block to get Firebase JS SDK 9.0.0! Don’t be Something missing or broken? PRs welcome!

Mitch and Andrew from the 1Password team talk with Amal and Nick about the company’s transition to Electron and web technologies, and how the company utilized its existing web stack to shape the future of its desktop experience. Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:Raygun – With Raygun Error and Performance Monitoring you have all the information you need at your fingertips to quickly find and fix errors and performance issues across your tech stack down to the line of code. Get started with a free 14-day trial, head to raygun.com and join thousands of customer-centric software teams who use Raygun every day. 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. 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 Featuring:Mitchell Cohen – GitHub, XAndrew Beyer – GitHub, XNick Nisi – Website, GitHub, Mastodon, XAmal Hussein – GitHub, XShow Notes: 1Password 8: The Story So Far wc3 community group for web extensions 1Password Security Design GopherJS React Svelte Electron Rust Neon (rust in Electron) RFCs for JMAP? 1Password Careers Page (they are hiring!) Something missing or broken? PRs welcome!