JS Party: JavaScript, CSS, Web Development

Eric Normand (long-time FP advocate and author of Grokking Simplicity) joins Jerod and KBall for a deep conversation about Functional Programming in JavaScript. Eric teaches us what FP is all about, details the functional side of JS, and reviews the good/bad/ugly of React. Oh, and join us in the #jsparty channel of our community slack where we’re giving away three FREE e-book copies of Eric’s new book! 🎁 Join the discussionChangelog++ members save 6 minutes on this episode because they made the ads disappear. Join today!Sponsors:Strapi – Open source headless CMS that frontenders love. It’s 100% Javascript, fully customizable, and developer-first. Strapi is also enterprise-ready. Head to strapi.io/jsparty and click the “Get started” button for a step-by-step guide to create a sample app using create strapi-app. Sourcegraph – Sourcegraph is universal code search for every developer and team. Easily search across all the code that matters to you and your organization: find example code, explore and read code, debug issues, and more. Head to info.sourcegraph.com/changelog and click the button “Try Sourcegraph now” to get started. 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. Featuring:Eric Normand – GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: Listen to Eric on The Changelog back in 2017 Order Grokking Simplicity today (Use code podjsparty20 for 40% off!) Join #jsparty in our community slack for your chance at 1 of 3 free e-books! Something missing or broken? PRs welcome!

Our debate format returns! Divya & Feross take the “Nope” side while Amal & Nick represent the “Yep”s. Whose side will you take? Join the discussionChangelog++ members save 6 minutes on this episode because they made the ads disappear. Join today!Sponsors:Strapi – Open source headless CMS that frontenders love. It’s 100% Javascript, fully customizable, and developer-first. Strapi is also enterprise-ready. Head to strapi.io/jsparty and click the “Get started” button for a step-by-step guide to create a sample app using create strapi-app. Sourcegraph – Sourcegraph is universal code search for every developer and team. Easily search across all the code that matters to you and your organization: find example code, explore and read code, debug issues, and more. Head to info.sourcegraph.com/changelog and click the button “Try Sourcegraph now” to get started. 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. Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XDivya – Website, GitHub, LinkedIn, XFeross Aboukhadijeh – Website, GitHub, XAmal Hussein – GitHub, XNick Nisi – Website, GitHub, Mastodon, XShow Notes:Previous episodes of YepNope: Should websites work without JS? Is modern JS tooling too complicated? Should we rebrand JavaScript? Something missing or broken? PRs welcome!

Benjamin Coe joins Amal and Divya to discuss his wide-ranging open source projects, test coverage with Istanbul, and the future of testing in JavaScript. Join the discussionChangelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!Sponsors:Strapi – Open source headless CMS that frontenders love. It’s 100% Javascript, fully customizable, and developer-first. Strapi is also enterprise-ready. Head to strapi.io/jsparty and click the “Get started” button for a step-by-step guide to create a sample app using create strapi-app. Sourcegraph – Sourcegraph is universal code search for every developer and team. Easily search across all the code that matters to you and your organization: find example code, explore and read code, debug issues, and more. Head to info.sourcegraph.com/changelog and click the button “Try Sourcegraph now” to get started. 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. Featuring:Benjamin Coe – GitHub, XAmal Hussein – GitHub, XDivya – Website, GitHub, LinkedIn, XShow Notes: Istanbul Conventional Commits yargs c8 Covernor Wombat Dressing Room Something missing or broken? PRs welcome!

KBall hangs with Nick and Jerod to analyze and discuss the trends of the web world according to the latest State of CSS and State of JS survey results. Join the discussionChangelog++ members save 6 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. Sourcegraph – Sourcegraph is universal code search for every developer and team. Easily search across all the code that matters to you and your organization: find example code, explore and read code, debug issues, and more. Head to info.sourcegraph.com/changelog and click the button “Try Sourcegraph now” to get started. Knowable – Learn from the world’s best minds, anytime, anywhere, and at your own pace through audio. Get unlimited access to every Knowable audio course right now. Click here to check it out and use code CHANGELOG for 20% off! Featuring:Kevin Ball – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes:Segment 1 State of JS 2020 State of CSS 2020 Sacha Greif Raphaël Benitte State of JS Common Criticisms Segment 2 Why do people complain so much about CSS? Episode on tailwind Object-fit Material UI BEM CSS Custom Properties as state Houdini Segment 3 Next.js Nuxt.js Gatsby Svelte <3 TypeScript Testing Library ESBuild Something missing or broken? PRs welcome!

Kamran Ahmed, creator of Developer Roadmaps, joins Jerod to talk through his 2021 roadmaps to becoming a web developer. We cover why Kamran created these resources, who they’re for, how to interpret them, and then take a stroll down the paths to becoming a frontend and backend developer. Which path are you on in 2021? 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. Knowable – Learn from the world’s best minds, anytime, anywhere, and at your own pace through audio. Get unlimited access to every Knowable audio course right now. Click here to check it out and use code CHANGELOG for 20% off! 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:Kamran Ahmed – GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: Sam Sycamore’s tweet Developer Roadmap website Developer Roadmap on GitHub The Frontend Roadmap image The Backend Roadmap image Something missing or broken? PRs welcome!

Preact creator Jason Miller joins Jerod and Nick to discuss WMR– the tiny all-in-one development tool for modern web apps. We ask Jason what “modern web app” means, how WMR fits in to the JS tooling landscape, why the Preact team created it in the first place, and dig into all it has to offer. Where’s My Roomba? Join the discussionChangelog++ members get a bonus 2 minutes at the end of this episode and zero ads. 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. 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. LaunchDarkly – Test in production! Deploy code at any time, even if a feature isn’t ready to be released to your users. Wrap code in feature flags to get the safety to test new features and infrastructure in prod without impacting the wrong end users. Featuring:Jason Miller – Website, GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: WMR on GitHub Something missing or broken? PRs welcome!

KBall, Amal, Chris, Divya, Jerod, and Emma discuss 2020: the good, the bad, and the ugly. Then they change direction and discuss their 2021 resolutions and wishes! Join the discussionChangelog++ members get a bonus 2 minutes at the end of this episode and zero ads. 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. 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. Linode – Get $100 in free credit to get started on Linode – Linode is our cloud of choice and the home of Changelog.com. Head to linode.com/changelog OR text CHANGELOG to 474747 to get instant access to that $100 in free credit. Featuring:Emma Bostian – GitHub, LinkedIn, XKevin Ball – Website, GitHub, LinkedIn, XAmal Hussein – GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XChristopher Hiller – Website, GitHub, Mastodon, XDivya – Website, GitHub, LinkedIn, XShow Notes: JS Party Vue episode #1 JS Party Vue episode #2 Emma’s onboarding blog post Remote: Office Not Required book Rework book Accelerate: Building & Scaling High Performing Technology Organizations book It Doesn’t Have To Be Crazy At Work book KBall dancing at All Things Open Something missing or broken? PRs welcome!

Amal and Divya turn our spotlight inward and interview our very own Christopher “Boneskull” Hiller about maintaining Mocha.js. Mocha has been a mainstay in the JavaScript testing community for ten (!) years now! They discuss the secret to Mocha’s success, what it’s like to maintain it, and how to make maintainers (and users) happy! Join the discussionChangelog++ members get a bonus 2 minutes at the end of this episode and zero ads. Join today!Sponsors:DigitalOcean – Get apps to market faster. Build, deploy, and scale apps quickly using a simple, fully managed solution. DigitalOcean handles the infrastructure, app runtimes and dependencies, so that you can push code to production in just a few clicks. Try it free with $100 credit at do.co/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. LaunchDarkly – Power experimentation at any scale. Fast and reliable feature management for the modern enterprise. Featuring:Amal Hussein – GitHub, XDivya – Website, GitHub, LinkedIn, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes: Mocha’s website Working in Public Jerod recommends The Builder Pattern (for your career) Let’s replace your kidney with React What’s new and what’s Next.js Lesser known things browsers can do in 2020 Something missing or broken? PRs welcome!

Adam Wathan, creator of Tailwind CSS, discusses the challenges of CSS, the origin and popularity of Tailwind, and its integration into developers' workflows. He also explains how he built a business around Tailwind and the enthusiasm for community usage. The chapter concludes with a discussion on the COC plugin for NioVim and the complexity of VIM configuration.

Suz, Amal, and Chris join Jerod to discuss what APIs are all about, share some APIs they admire, and lay out principles and practices we can all use in our APIs. Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:AWS Amplify – AWS Amplify is a suite of tools and services that enable developers to build full-stack serverless and cloud-based web and mobile apps using their framework and technology of choice. Amplify gives you easy access to hosting, authentication, managed GraphQL, serverless functions, APIs, machine learning, chatbots, and storage for files like images, videos, and pdfs. Learn more and get started for free at awsamplify.info/JSParty 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. Linode – Get $100 in free credit to get started on Linode – our cloud of choice and the home of Changelog.com. Head to linode.com/changelog OR text CHANGELOG to 474747 to get instant access to that $100 in free credit. Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XSuz Hinton – GitHub, Mastodon, XChristopher Hiller – Website, GitHub, Mastodon, XAmal Hussein – GitHub, XShow Notes:Special thanks to Thomas Eckert for requesting this episode (and sending in that awesome audio clip reading the request)! You can request episodes too, right here on our episode request form. Stripe’s latest Increment Magazine is focused on the topic of APIs! 🙌🏻 This Increment article in particular is a great commentary on how APIs need to change to support future computer software An ode to jQuery GraphQL Bacon Azure Cognitive Services Twilio Scratch SOLID What up, docs Chesterton’s Fence Something missing or broken? PRs welcome!