JS Party: JavaScript, CSS, Web Development

Nick went to Amsterdam for JSNation & React Summit 2022 and he joins Jerod to report on all the goodness! He also sits down with two special guests involved with the confs to talk Jest Preview and GraphQL Cache Join the discussionChangelog++ members save 4 minutes on this episode because they made the ads disappear. Join today!Sponsors: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 changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. 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 PARTYTIME and get the team plan free for three months. Sourcegraph – Transform your code into a queryable database to create customizable visual dashboards in seconds. Sourcegraph recently launched Code Insights — now you can track what really matters to you and your team in your codebase. See how other teams are using this awesome feature at about.sourcegraph.com/code-insights Featuring:Hung Nguyen – Website, GitHub, XRaman Lally – GitHub, XNick Nisi – Website, GitHub, Mastodon, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: Nick’s Tweet thread Yulia Startsev on JS Party #180 Hung on Twitter Jest Preview Jest Preview on GitHub OS Awards Raman’s talk at React Summit Apollo Client React Query GraphQL Tag GraphQL Code Generator Something missing or broken? PRs welcome!

Josh Goldberg joins Nick, Chris & a very nasally-sounding KBall for a fun conversation around TypeScript ESLint. They discuss why we need ESLint when we have TypeScript, some useful rules in typescript-eslint, how it works, and a few hot takes along the way! 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 PARTYTIME and get the team plan free for three months. Vercel – Vercel combines the best developer experience with an obsessive focus on end-user performance. Our platform enables frontend teams to do their best work. Unlock a better frontend workflow today. 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 changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. Featuring:Josh Goldberg – GitHub, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes: 📘 Learning TypeScript typescript-eslint.io @ts-expect-error Execute Program Chris’s Amazon Profile Something missing or broken? PRs welcome!

KBall, Ali & Nick explore a new type of segment: “WTFJS” talking about wild and wooly “it’s not a bug it’s a feature” examples in the JavaScript language. They also dive into code maintainability, and end by discussing the whiplash shift in the tech industry from “hottest market for engineers in history” to “oh noes everything is stopping!” Join the discussionChangelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!Sponsors:Retool – The low-code platform for developers to build internal tools — Some of the best teams out there trust Retool…Brex, Coinbase, Plaid, Doordash, LegalGenius, Amazon, Allbirds, Peloton, and so many more – the developers at these teams trust Retool as the platform to build their internal tools. Try it 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 Sourcegraph – Transform your code into a queryable database to create customizable visual dashboards in seconds. Sourcegraph recently launched Code Insights — now you can track what really matters to you and your team in your codebase. See how other teams are using this awesome feature at about.sourcegraph.com/code-insights Featuring:Kevin Ball – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XAli Spittel – Website, GitHub, LinkedIn, XShow Notes: www.jsfuck.com Cross Browser Crazy 0.30000000000000004.com/ Sandi Metz’s rules for developers Interview with Michael Chan on DRY Code Owners on Github YC “plan for the worst” memo Sequoia “Adapting To Endure” deck layoffs.fyi Something missing or broken? PRs welcome!

Ali & Divya recorded seven (!) awesome conversations all about Remix and the web ecosystem live on-stage at the first-ever Remix Conf after-party! Join the discussionChangelog++ members save 5 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 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 changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. Sourcegraph – Transform your code into a queryable database to create customizable visual dashboards in seconds. Sourcegraph recently launched Code Insights — now you can track what really matters to you and your team in your codebase. See how other teams are using this awesome feature at about.sourcegraph.com/code-insights Featuring:Kent C. Dodds – Website, GitHub, XHenri Helvetica – XArisa Fukuzaki – GitHub, XAnthony Frehner – GitHub, XEmily Kauffman – GitHub, XAaron Saunders – GitHub, LinkedIn, XMichael Jackson – Website, GitHub, XDivya – Website, GitHub, LinkedIn, XAli Spittel – Website, GitHub, LinkedIn, XShow Notes: Kent talks Remix on JS Party #215 Storyblok Shopify Hydrogen Aaron’s YouTube channel Something missing or broken? PRs welcome!

Nick and Chris welcome back Mik and Bret to discuss logging and error handling in Node and JavaScript and the subtleties and intricacies that extend far beyond console.log! Join the discussionChangelog++ members save 4 minutes on this episode because they made the ads disappear. Join today!Sponsors: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 changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. 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 Ship It! – A podcast about getting your best ideas into the world and seeing what happens. Listen to an episode that interests you and subscribe today. Featuring:Bret Comnes – Website, GitHub, XMikola Lysenko – GitHub, XNick Nisi – Website, GitHub, Mastodon, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes: JS Party #219 - Making moves on supply chain security FullStory pino grafana DataDog RUM React Suspense: Async Rendering in React Matomo Abort Signal Semaphore Something missing or broken? PRs welcome!

In 2020, Shawn (swyx) Wang wrote: Every 10 years there is a changing of the guard in JavaScript. I think we have just started a period of accelerated change that could in thge future be regarded as the Third Age of JavaScript. We’re now in year three of this third age and Swyx joins us to look back at what he missed, look around at what’s happening today, and look forward at what might be coming next. Join the discussionChangelog++ members save 4 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 PARTYTIME and get the team plan free for three months. Vercel – Vercel combines the best developer experience with an obsessive focus on end-user performance. Our platform enables frontend teams to do their best work. Unlock a better frontend workflow today. Sourcegraph – Move fast, even in big codebases. 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. Featuring:Shawn Wang – Website, GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: Reactathon swyx’s talk at Reactathon The Third Age of JavaScript Lydia Hallie’s talk on rendering patterns analytics.usa.gov The Birth and Death of JavaScript The Rise of WebAssembly (Infoworld) Ryan Dahl on JavaScript containers swyx on The Changelog #467 The other thing I like about esbuild is that it’s a static Go binary, so I feel more confident that I’ll be able to get it to work in the future than with tool written in Javascript, just because I understand the Javascript ecosystem Something missing or broken? PRs welcome!

KBall interviews TPW about the 1.0 release of Redwood - what it provides, why they’ve repositioned as a “JavaScript framework optimized for startups”, and what’s coming next. Join the discussionChangelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!Sponsors:Retool – The low-code platform for developers to build internal tools — Some of the best teams out there trust Retool…Brex, Coinbase, Plaid, Doordash, LegalGenius, Amazon, Allbirds, Peloton, and so many more – the developers at these teams trust Retool as the platform to build their internal tools. Try it free at retool.com/changelog Vercel – Vercel combines the best developer experience with an obsessive focus on end-user performance. Our platform enables frontend teams to do their best work. Unlock a better frontend workflow today. Sourcegraph – Move fast, even in big codebases. 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 – 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 Featuring:Tom Preston-Werner – Website, GitHub, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: JSParty #119: Redwood brings full-stack to the JAMstack Render Redwood 1.0 release Qwik Gitpod Redwood Startup fund Preston-Werner Ventures GraphCDN GraphQL Yoga RedwoodJS Tutorial RedwoodJS Discord Something missing or broken? PRs welcome!

Let the debate begin (again)! This time we’re arguing whether or not single-page apps were a big mistake. This premise was inspired by Chris Ferdinandi’s SPAs were a mistake post. Divya & Nick represent Team Yep and KBall goes solo on Team Nope. Jerod, as per our usual arrangement, is on Team Winner. Join the discussionChangelog++ members get a bonus 6 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 Vercel – Vercel combines the best developer experience with an obsessive focus on end-user performance. Our platform enables frontend teams to do their best work. Unlock a better frontend workflow today. Sourcegraph – Move fast, even in big codebases. 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. Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XDivya – Website, GitHub, LinkedIn, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes: SPAs were a mistake Holla! RemixConf May 24-25 Previous YepNope debates: Should websites work without JS? Is modern JS tooling too complicated? Should we rebrand JavaScript? Are web apps fundamentally different than web sites? Something missing or broken? PRs welcome!

Nick rewrote our JS Danger game board app from Dojo to React for his talk at React Global Online Summit about componentizing application state with React and XState. On this episode Jerod, KBall, and Feross chat with Nick about the entire process and what he learned along the way. Oh, we also play an epic round of Pro Tip Time! Join the discussionChangelog++ members get a bonus 8 minutes at the end of this episode and zero ads. 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 PARTYTIME and get the team plan free for three months. Vercel – Vercel combines the best developer experience with an obsessive focus on end-user performance. Our platform enables frontend teams to do their best work. Unlock a better frontend workflow today. 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 changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XFeross Aboukhadijeh – Website, GitHub, XShow Notes: Nick’s talk at React Global Online Summit Our Quiz Game repo on GitHub JS Party #191 on XState Don’t check in broken code Conventional Comments Everything Everywhere All at Once Elon Musk is buying Twitter. I’m buying JavaScript. Something missing or broken? PRs welcome!

Daniel Rosenwasser and Ryan Cavanaugh from the TypeScript team at Microsoft join Nick and Boneskull to catch us up on the latest happening with the TypeScript project, including what’s exciting in the new 4.7 beta release. Then, we dive deep into the new, TC-39 stage 1 Type Annotations proposal, what it is, and what it means for the future of a not really typed JavaScript! Join the discussionChangelog++ members save 5 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 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 changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. Sourcegraph – Move fast, even in big codebases. 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. Featuring:Daniel Rosenwasser – GitHub, XRyan Cavanaugh – GitHub, XNick Nisi – Website, GitHub, Mastodon, XChristopher Hiller – Website, GitHub, Mastodon, XShow Notes: TypeScript 4.7 beta announcement Type Annotations proposal (Stage 1) Type checking JavaScript files Understanding the TypeScript compiler Something missing or broken? PRs welcome!