JS Party: JavaScript, CSS, Web Development

Ahmad Nassri returns to the party for a deep, nuanced discussion around the thoughts he shared in a recent blog post called Solving Solved Problems. We hear about the common issue Ahmad’s seen at software shops of all sizes, learn the anatomy of the total cost of software ownership, and debate what to build and what to buy. Join the discussionChangelog++ members get a bonus 2 minutes at the end of this episode and zero ads. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. DigitalOcean – DigitalOcean’s developer cloud makes it simple to launch in the cloud and scale up as you grow. They have an intuitive control panel, predictable pricing, team accounts, worldwide availability with a 99.99% uptime SLA, and 24/7/365 world-class support to back that up. Get your $100 credit at do.co/changelog. React Summit – React Summit is right around the corner! The biggest React conference in the world is on October 15th and 16th in the cloud. Register today for FREE 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:Ahmad Nassri – Website, GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XAmal Hussein – GitHub, XShow Notes: Solving Solved Problems JS Party #107 - Modular software architecture The Changelog #185 – Kong, APIs, Microservices Indigo Ag The Changelog #362 – Machine powered refactoring with AST’s Kyle Simpson @getify - Tyranny of complexity Something missing or broken? PRs welcome!

We kick off with some exciting TypeScript news, follow that with some exciting JavaScript news, then finish off with an exciting interview. Key word: EXCITING Join the discussionChangelog++ members get a bonus 2 minutes at the end of this episode and zero ads. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Linode – Our cloud of choice and the home of Changelog.com. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2019 OR changelog2020. To learn more and get started head to linode.com/changelog. 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:Horse JS – XJerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XDivya – Website, GitHub, LinkedIn, XShow Notes: TypeScript 4.0 released AST Explorer meta-typing Airbnb’s ts-migrate Codemods: Refactoring JavaScript using JavaScript The Js13k Competition Elder.js Cheat sheet! Formatting JS Numbers Cheat sheet! Formatting JS Dates and Times Something missing or broken? PRs welcome!

In this episode, we dive into the role of communication as a developer, how clarity is driving impact and how to self publish as an independent writer. Join us, as we chat with Stephanie Morillo author of The Developers Guide to Content Creation about how to write better as developer and how writing can take you from good developer to great. Join the discussionChangelog++ members get a bonus 2 minutes at the end of this episode and zero ads. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Linode – Our cloud of choice and the home of Changelog.com. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2019 OR changelog2020. To learn more and get started head to linode.com/changelog. 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:Stephanie Morillo – GitHub, XDivya – Website, GitHub, LinkedIn, XSuz Hinton – GitHub, Mastodon, XShow Notes: The Developers Guide to Content Creation The Developers Guide to Book Publishing Digital Ocean Blog Something missing or broken? PRs welcome!

KBall MCs as Jordan tells us about exciting JavaScript updates that are on the way, Amal takes us all to school digging into the details, and Emma makes a surprise on-air proposal. Join the discussionChangelog++ members get a bonus 2 minutes at the end of this episode and zero ads. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. DigitalOcean – DigitalOcean’s developer cloud makes it simple to launch in the cloud and scale up as you grow. They have an intuitive control panel, predictable pricing, team accounts, worldwide availability with a 99.99% uptime SLA, and 24/7/365 world-class support to back that up. Get your $100 credit at do.co/changelog. Scout APM – Scout is application monitoring that continually tracks down N+1 database queries, sources of memory bloat, performance abnormalities, and a ton more. Learn more and get started for free at scoutapm.com/changelog. 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:Jordan Harband – Website, GitHub, XAmal Hussein – GitHub, XEmma Bostian – GitHub, LinkedIn, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes:Segment 1 TC39 Babel ES5 Shim ES6 Shim Records and Tuples proposal Decorators proposal Segment 2 Object.values and Object.entries Error.isError proposal JavaScript Realms globalThis proposal Sindre Sorhus Berenstain vs Berenstein controversy globalThis naming constraints doc #SmooshGate FAQ Segment 3 Temporal proposal Moment.js Builtin modules proposal Something missing or broken? PRs welcome!

Node.js development began a bit like the Wild West, but over time idioms, anti-patterns, and best practices have emerged. Yoni Goldberg’s Node Best Practices repo on GitHub collects, documents, and explains the best practices for Node developers. On this episode, Yoni joins us to discuss. Join the discussionChangelog++ members save 2 minutes on this episode because they made the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. DigitalOcean – DigitalOcean’s developer cloud makes it simple to launch in the cloud and scale up as you grow. They have an intuitive control panel, predictable pricing, team accounts, worldwide availability with a 99.99% uptime SLA, and 24/7/365 world-class support to back that up. Get your $100 credit at do.co/changelog. Scout APM – Scout is application monitoring that continually tracks down N+1 database queries, sources of memory bloat, performance abnormalities, and a ton more. Learn more and get started for free at scoutapm.com/changelog. Featuring:Yoni Goldberg – Website, GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XAmal Hussein – GitHub, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: Node Best Practices on GitHub Amal’s npm unpublish blog post The tweet about dependabot joke Dominic Tarr on The Changelog We discuss event-stream on JS Party #54 npm blog post on event-stream We discuss dependency selection on JS Party #56 Something missing or broken? PRs welcome!

The gang officially welcomes Amal Hussein as a panelist! After that it’s Pro Tip Time, then we finish up by attempting to demistify CSS Sweeper and the Space Toggle Trick. Join the discussionChangelog++ members save 2 minutes on this episode because they made the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Linode – Our cloud of choice and the home of Changelog.com. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2019 OR changelog2020. To learn more and get started head to linode.com/changelog. Gatsby Partner Program – Become a Gatsby certified partner today to accelerate your growth alongside their amazing ecosystem, get exclusive access to Gatsby’s product roadmap, beta test new features, access training materials, and connect with the Gatsby team. Read all about it and get started at gatsbyjs.com/changelog Featuring:Amal Hussein – GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XDivya – Website, GitHub, LinkedIn, XShow Notes: Welcoming Amal Amal talks ASTs on The Changelog Amal on JS Party #58 Amal on JS Party #100 Pro Tip Time Presentify Vidrio Snap camera Boss turns herself into a potato Godot Engine Aseprite for pixel art Jenn Schiffer’s pixel art Console.trace Copy object in console Copy network responses More on the overall Dev Console Utilities API’s https://github.com/rxhanson/Rectangle (and Spectacle) Gifox Demystifying CSS Sweeper CSS Sweeper The Space Toggle Trick Something missing or broken? PRs welcome!

Mikeal and Chris welcome (back) special guest Fred K. Schott, who you may recall from our episode on Pika. This time, we’re talking ESM: what it is, what’s new about it, why it’s the future, writing libraries with it, and much more. Join the discussionChangelog++ members save 2 minutes on this episode because they made the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Linode – Our cloud of choice and the home of Changelog.com. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2019 OR changelog2020. To learn more and get started head to linode.com/changelog. Scout APM – Are having trouble uncovering performance issues in your NodeJS apps? If so, check out our friends at Scout APM. Scout is application monitoring that automatically reports key NodeJS monitoring metrics, instruments many NodeJS libraries automatically, detects easy-to miss N+1 queries that sneak into production, plus a ton more. Learn more and get started for free at scoutapm.com/changelog. Featuring:Fred K. Schott – Website, GitHub, XMikeal Rogers – GitHub, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes: pika js party limbo brrp estest snowpack skypack Changelog++ 🤫 Something missing or broken? PRs welcome!

Jerod assembles a team of WebRTC experts (Suz, Feross, Mikeal) for a deep, deep dive on this practically-ubiquitous yet still-complicated web API. We review its history, share really cool applications using the tech, provide an excellent primer on what you need to know about it, and details some production gotchas. ALSO we celebrate how Feross single-handedly “upgraded the internet”! 🙌 Join the discussionChangelog++ members save 2 minutes on this episode because they made the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Gatsby Partner Program – Become a Gatsby certified partner today to accelerate your growth alongside their amazing ecosystem, get exclusive access to Gatsby’s product roadmap, beta test new features, access training materials, and connect with the Gatsby team. Read all about it and get started at gatsbyjs.com/changelog Linode – Our cloud of choice and the home of Changelog.com. Deploy a fast, efficient, native SSD cloud server for only $5/month. Get 4 months free using the code changelog2019 OR changelog2020. To learn more and get started head to linode.com/changelog. Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XSuz Hinton – GitHub, Mastodon, XFeross Aboukhadijeh – Website, GitHub, XMikeal Rogers – GitHub, XShow Notes:Giveaway details!! Check this blog post for all the details to win a free copy of Dracula PRO && 14 Habits of Highly Productive Developers Can I use? 3D Streaming Toolkit PeerTube WebRTC on HTML 5 Rocks WebRTC samples Quick introduction to WebRTC Simple Peer libp2p torrent-mount Something missing or broken? PRs welcome!

An amalgam of interest on this week’s episode starting with a peek at what’s finally coming in Vue 3. We talk about the process of change in the Vue ecosystem and what interesting features are coming either very soon or not for a while depending on how you view time right now. Then, the panelists share what they’ve learned recently, and finish off with shout outs to the projects, ideas, and people we’re appreciative of. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Gatsby Partner Program – Become a Gatsby certified partner today to accelerate your growth alongside their amazing ecosystem, get exclusive access to Gatsby’s product roadmap, beta test new features, access training materials, and connect with the Gatsby team. Read all about it and get started at gatsbyjs.com/changelog DigitalOcean – DigitalOcean’s developer cloud makes it simple to launch in the cloud and scale up as you grow. They have an intuitive control panel, predictable pricing, team accounts, worldwide availability with a 99.99% uptime SLA, and 24/7/365 world-class support to back that up. Get your $100 credit at do.co/changelog. Featuring:Nick Nisi – Website, GitHub, Mastodon, XDivya – Website, GitHub, LinkedIn, XKevin Ball – Website, GitHub, LinkedIn, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes: Vue 3: Mid 2020 status update Vue 3 Roundup Import another gitconfig JavaScript method definitions Style editing for CSS-in-JS frameworks Vue single file components updates Use Speedlify to continuously measure site performance Peter Müller on GitHub Something missing or broken? PRs welcome!

KBall, Jerod, and Nick Nisi dive into GraphQL – what it can do, what the challenges are, and how it differs from REST – all with a generous helping of metaphor about buffets, restaurants, and of course bacon. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors:Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. DigitalOcean – DigitalOcean’s developer cloud makes it simple to launch in the cloud and scale up as you grow. They have an intuitive control panel, predictable pricing, team accounts, worldwide availability with a 99.99% uptime SLA, and 24/7/365 world-class support to back that up. Get your $100 credit at do.co/changelog. Gatsby Partner Program – Become a Gatsby certified partner today to accelerate your growth alongside their amazing ecosystem, get exclusive access to Gatsby’s product roadmap, beta test new features, access training materials, and connect with the Gatsby team. Read all about it and get started at gatsbyjs.com/changelog Featuring:Kevin Ball – Website, GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XShow Notes:Segment 1: Intro to GraphQL What is REST Github GraphQL API GraphQL Schema and Types Apollo Codegen Nest.js GraphQL Hypermedia Driven RESTful APIs Segment 2: Securing your GraphQL api against malicious queries GraphQL REST Proxy Directives are underrated Swagger Segment 3: Github API Mutations Apollo Error Handling 200 OK! Error Handling in GraphQL How to GraphQL Introduction to GraphQL GraphQL and Gatsby GraphQL Fragments Relay Something missing or broken? PRs welcome!