JS Party: JavaScript, CSS, Web Development

Our Jeopardy-style (but don’t call it Jeopardy) game is back! This time Jerod plays the part of Alex Trabeck and Emma tries her hand at contestant-ing. Can Scott Tolinski from the Syntax podcast hang with Emma and Nick? Listen and play along! 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 Cloud – Building ambitious websites just got easier with Gatsby Cloud. Simply sign up with your GitHub account. No credit card necessary. It’s totally free for personal projects and single purpose sites. 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:Scott Tolinski – GitHub, LinkedIn, XEmma Bostian – GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: Play the game yourself: round 1 Play the game yourself: round 2 All market share stats via StatCounter About Flock About Opera A random gist with the shortest valid HTML Gary Bernhardt’s wat Sindre Sorhus WebGPU on Can I Use? Prefetch on Can I Use? WebP on Can I Use? SVG Favicon on Can I Use? About Knockout.js Johnn-Five Blitz.js npm’s most depended on packages PouchDB (not CouchDB) Something missing or broken? PRs welcome!

Divya and Jerod welcome ZEIT founder Guillermo Rauch to the show for a deep discussion on the state of JAMstack, what’s new & exciting with Next.js, and some big picture analysis of where the industry is heading. 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. Pluralsight – Stay home. Skill up. For free. Pluralsight is totally free for the entire month of April! With over 7,000 courses from experts in software development, security, cloud and data there’s never been a better time to skill up. Learn more and get started at pluralsight.com/changelog Featuring:Guillermo Rauch – Website, GitHub, XDivya – Website, GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: Next.js by ZEIT Guillermo on The Changelog #213 Something missing or broken? PRs welcome!

Jerod and KBall are joined by Micro Frontends in Action author Michael Geers to discuss (you guessed it) micro frontend architecture. We ask: what is the concept? How is it similar/different to micro services? Who is it best fitted for? How do you put it in practice? And much more. 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. Pluralsight – Stay home. Skill up. Pluralsight is totally free for the entire month of April! With over 7,000 courses from experts in software development, security, cloud and data there’s never been a better time to skill up. Learn more and get started at pluralsight.com Featuring:Michael Geers – Website, GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes:Comment on this episode for a chance to win a FREE copy of the eBook version of Micro Frontends in Action. Tell us what you think of micro frontends. Our 3 favorite comments will be selected 30 days from the date of publish for this episode. ALSO be sure to use discount code podjsparty20 to save 40% on Manning’s entire catalog. Whether you want the print edition of Michael’s book or are interested in learning something else from their amazing library of books, we got the hook up. ✊ KBall’s Microfrontends: the good, the bad, and the ugly The Book: Micro Frontends in Action micro-frontends.org Something missing or broken? PRs welcome!

With most of us working from home for the first time (or for a long time), we thought it’d be a good idea to share our experiences and opinions on how to manage it. We discuss how to optimize your location, your schedule, your communications, and the rest of you life during these stressful times. 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. 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:Suz Hinton – GitHub, Mastodon, XJerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: Listen to Go Time #123 on WFH Chris Hiller’s pro tips for devs working from home Jerod listens to musicforprogramming.net and suggests the Noizio app for macOS KBall goes for www.focusatwill.com thgaskill in the chat suggests krisp.ai Ever heard of brothel creepers. Brent in the chat has For more on comms, listen to Remember, people are humans Cal Newport’s work shutdown ritual Suz recommends 3 books: Deep Work by Cal Newport How to Do Nothing by Jenny Odell Contact by Carl Sagan Check out Humu’s remote nudges Read Justin Searl’s Remote, but not alone ESNEXT CONF is fully remote Need help? Get Help Today Something missing or broken? PRs welcome!

Tom Preston-Werner (co-founder of GitHub, board member at Netlify) joins the party and brings his new, opinionated, full-stack, serverless web app framework with him. Will Redwood help usher in the future Tom predicted back in 2018? We discuss that and a whole lot more on this must-listen episode. 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. 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:Tom Preston-Werner – Website, GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XDivya – Website, GitHub, LinkedIn, XShow Notes: RedwoodJS Why Redwood The Redwood Community Prisma Fauna Amazon Aurora Serverless yugabyteDB Something missing or broken? PRs welcome!

This week we’re talking about building technical courses! From video courses to written courses, we’ll give you our tips for building an effective and memorable course. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors: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. The Brave Browser – Browse the web up to 8x faster than Chrome and Safari, block ads and trackers by default, and reward your favorite creators with the built-in Basic Attention Token. Download Brave for free and give tipping a try right here on changelog.com. 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. Rollbar – We move fast and fix things because of Rollbar. Resolve errors in minutes. Deploy with confidence. Learn more at rollbar.com/changelog. Featuring:Jason Lengstorf – Website, GitHub, XEmma Bostian – GitHub, LinkedIn, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes:Find Jason Learn With Jason Egghead.io How I Cut My Work Hours In Half And Somehow Managed To Get More Done conference talk Cool people we mentioned Wes Bos Scott Tolinski Angie Jones Sarah Drasner Kyle Shevlin Dave Ceddia Tyler McGinnis Bianca Gandolfo Brian Holt Chris Biscardi Ali Spittel Kent Dodds Courses we love Introduction To Gatsby by Jason Lengsdorf KBall’s Skillshare course on SVG Test Automation University Data Structures & Algorithms in JavaScript by Kyle Shevlin Books Make It Stick: The Science of Successful Learning Start With Why You Don’t Know JavaScript Miscellaneous Flexbox Froggy Which Beard Is This? Content creator Discord Something missing or broken? PRs welcome!

Dustin Schau joins the party to talk about the state of Gatsby and the changes and improvements to it in the last year. We talk about what Gatsby delivers to the front end and how it does it quickly with improvements to the build system. Dustin also fields our questions and talks about Gatsby Cloud and where things are going. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Sponsors: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. Algolia – Our search partner. Algolia’s full suite search APIs enable teams to develop unique search and discovery experiences across all platforms and devices. We’re using Algolia to power our site search here at Changelog.com. Get started for free and learn more at algolia.com. Featuring:Dustin Schau – Website, GitHub, XKevin Ball – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes: JS Party #71: Wow, Gatsby is a mashup on steroids Gatsby 2019 recap Announcing Gatsby builds and reports The cost of client-side rehydration The cost of JavaScript in 2019 Why Gatsby is better with JavaScript Something missing or broken? PRs welcome!

We are a party-themed podcast, so FUN is at the heart of every episode. One way we keep things fun is by mixing it up and trying new things. We play games like JS Jeopardy… (clip from episode #112) debate hot topics like should websites work without JS… (clip from episode #87) discuss and analyze the news… (clip from episode #94) share wisdom we’ve collected over the years… (clip from episode #106) interview amazing devs like John Resig and Amelia Wattenberger… and a whole lot more. Oh, and did I mention we record the show live? You can be part of the hijinx each and every Thursday at changelog.com/live. This is JS Party! Please listen to a recent episode that piques your interest and subscribe today. We’d love to have you with us. Join the discussionChangelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!Featuring:Suz Hinton – GitHub, Mastodon, XFeross Aboukhadijeh – Website, GitHub, XKevin Ball – Website, GitHub, LinkedIn, XEmma Bostian – GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XDivya – Website, GitHub, LinkedIn, XMikeal Rogers – GitHub, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes:Something missing or broken? PRs welcome!

KBall interviews Brian Leroux in a wide-ranging discussion covering “Progressive Bundling” with native ES Modules, building infrastructure as code, and what the future of JamStack and serverless deployment might look like. 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. 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. The Brave Browser – Browse the web up to 8x faster than Chrome and Safari, block ads and trackers by default, and reward your favorite creators with the built-in Basic Attention Token. Download Brave for free and give tipping a try right here on changelog.com. Featuring:Brian Leroux – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: Progressive Bundling slides ES modules: A cartoon deep-dive Rollup Begin.com ES Modules in Node Example ‘Progressive Bundling’ code Architect (Arc.codes) What Is Infrastructure as Code? What is data gravity Fauna - “Database built for Serverless” DynamoDB CouchDB Pulumi Flash player in WebAssembly Something missing or broken? PRs welcome!

Divya leads a deep discussion with Jerod, KBall, and Nick on what’s stagnating in browsers. What has remained the same in browser tech over the last 20 years that remains a pain point in working with browsers? For example - Focus in browsers hasn’t changed much in 20 years. Why is that and how do we go about making all the stale things in browser tech better? 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. 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. Brain Science – For the curious! Brain Science is our new podcast exploring the inner-workings of the human brain to understand behavior change, habit formation, mental health, and being human. It’s Brain Science applied — not just how does the brain work, but how do we apply what we know about the brain to transform our lives. 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:Divya – Website, GitHub, LinkedIn, XJerod Santo – GitHub, LinkedIn, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XShow Notes:Segment 1: APIs that were not developed [Proposal] Focus Traversal API Input elements are still terrible; CSS appearance property Container queries Dates still suck, but they are being fixed Luxon Web Components (RIP?) BUT Shadow DOM Consistency of CSS Properties BUT Houdini Button cursor — why do still have to do button { cursor: pointer; } ??? SVG amazing but still 2nd class citizen Accessibility should be down in the browser Segment 2: Hypothesizing Why didn’t these APIs get anywhere? What would’ve needed to happen for them to have progressed? Browser wars; the move towards chromium Segment 3: Shout-outs!! (in order of appearance) KBall: Rachel Andrew’s CSS Grid articles: Understanding CSS Grid: Creating A Grid Container and Understanding CSS Grid: Grid Lines Jerod: Justine Haupt’s open source DIY rotary cell phone Nick: Tatiana Mac’s talk titled How Privilege Defines Performance Divya: Understanding the ECMAScript spec, part 1 Something missing or broken? PRs welcome!