JS Party: JavaScript, CSS, Web Development

Rasmus Porsager created Postgres.js –the fastest full-featured PostgreSQL client for Node.js and Deno. Today he joins Jerod for a deep-dive on Postgres, why he created this open source library, and how you can use it to build pg-backed JavaScript applications. Join the discussionChangelog++ members get a bonus 3 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 JSPARTY and get the team plan free for three months. 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. 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:Rasmus Porsager – GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XShow Notes: JSNation React Summit postgres.js on GitHub postgres-shift HashQL HashQL Todos Sample Something missing or broken? PRs welcome!

JS Party is a weekly celebration of JavaScript and the web so fun is at the heart of every episode. We play games like Frontend Feud… (clip from episode #192) Discuss and analyze the news… (clip from episode #213) Explain technical concepts to each other like we’re 5… (clip from episode #195) Debate hot topics like should websites work without JS? (clip from episode #87) Interiew amazing devs like Rich Harris and Una Kravets… (clip from episode #167) This is JS Party! Listen 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:Jerod Santo – GitHub, LinkedIn, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XAmelia Wattenberger – Website, GitHub, XNick Nisi – Website, GitHub, Mastodon, XDivya – Website, GitHub, LinkedIn, XAmal Hussein – GitHub, XMikeal Rogers – GitHub, XFeross Aboukhadijeh – Website, GitHub, XChristopher Hiller – Website, GitHub, Mastodon, XAli Spittel – Website, GitHub, LinkedIn, XShow Notes:Something missing or broken? PRs welcome!

KBall and Jerod digest and disect recent JS community news (React 18, Redwood 1.0, MDN Plus) then sit down for yet another game of HeadLIES! Can KBall fare better than Nick Nisi did last April Fools?! Join the discussionChangelog++ members save 4 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 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 JSPARTY and get the team plan free for three months. SignalWire – Build what’s next in communications with video, voice, and messaging APIs powered by elastic cloud infrastructure. Try it today at signalwire.com/video and mention “JS Party” to receive an extra 5,000 video minutes. Featuring:Jerod Santo – GitHub, LinkedIn, Mastodon, XKevin Ball – Website, GitHub, LinkedIn, XShow Notes:Headlines React 18 release notes Redwood v1.0 Launch Week TPW on JS Party #119 Introducing MDN Plus HeadLIES Man says he hacked airline website to find lost luggage Blockchain.com Raises New Funding at $14 Billion Valuation Leaked Apple memo describes the company’s plan to go fully remote by 2025 Woman arrested for car theft drove another stolen car to court appearance: Dublin police First patient to communicate via brain implant asks to hear Radiohead album Exxon is mining bitcoin in North Dakota as part of its plan to slash emissions Research shows TikTok tic videos contribute to a rise in cases of girls with tics Mark Zuckerberg says it’s ‘reasonable’ that the metaverse isn’t a place but a feeling Google Search’s new ‘highly suspect’ label helps you question the source of a story As Docker gains momentum, it hauls in $105M Series C on $2B valuation Something missing or broken? PRs welcome!

Feross has been working on something big. He joins Chris and Nick, along with guests Bret Comnes and Mik Lysenko to discuss Socket, what it is, and its focus on the security of the JavaScript supply chain. 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. SignalWire – Build what’s next in communications with video, voice, and messaging APIs powered by elastic cloud infrastructure. Try it today at signalwire.com/video and mention “Go Time” to receive an extra 5,000 video minutes. Featuring:Bret Comnes – Website, GitHub, XMikola Lysenko – GitHub, XNick Nisi – Website, GitHub, Mastodon, XChristopher Hiller – Website, GitHub, Mastodon, XFeross Aboukhadijeh – Website, GitHub, XShow Notes: 0 FPS Changelog #482 - Securing the open source supply chain Socket React on Socket npm audit Lighthouse peacenotwar supply chain attack If you’re writing your first npm package: I highly recommend keeping it Something missing or broken? PRs welcome!

Jen Looper from Web Dev for Beginners and Front-end Foxes joins Jerod and Ali to discuss the exciting (but also intimidating) prospect of getting in to web development in 2022! Where should you start? What technologies should you focus on? Is it better to go all-in on a framework or stick with the fundamentals? Stuff like that! 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 JSPARTY 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 changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you. 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:Jen Looper – Website, GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XAli Spittel – Website, GitHub, LinkedIn, XShow Notes: Web Dev for Beginners Front-end Foxes freeCodeCamp Something missing or broken? PRs welcome!

Zach Leatherman recently announced he will now be working on Eleventy – his simpler static site generator – while continuing to work at Netlify. What makes Eleventy special? How’d he convince Netlify to let him do this? What does this mean for the project’s future? How many questions in a row can we type into this textarea? Tune in to find out! Join the discussionChangelog++ members get a bonus 4 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 CHANGELOG and get the team plan free for three months. 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 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:Zach Leatherman – Website, GitHub, Mastodon, XJerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: Eleventy Zach on JS Party #79 Who Pays for Web Frameworks? 11ty on Open Collective Something missing or broken? PRs welcome!

This week Amal and Nick are joined by Dan Shappir, a Performance Tech Lead at Next Insurance, to learn about enabling a performance-first mindset within your engineering org. Dan recently left his 7+ year tenure leading performance at Wix where he and his team improved, and monitored the speed of millions of websites around the world. Join us to learn how he lead a cultural transformation that propelled Wix sites to be faster than most other React apps in the wild - including ones built with frameworks like Next.js. 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 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 SignalWire – Build what’s next in communications with video, voice, and messaging APIs powered by elastic cloud infrastructure. Try it today at signalwire.com/video and mention “Go Time” to receive an extra 5,000 video minutes. Featuring:Dan Shappir – Website, GitHub, LinkedIn, XAmal Hussein – GitHub, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: Improving The Performance Of Wix Websites (Case Study) | Smashing Magazine Tweet showing metrics in the wild with Wix leading the pack JS Party show with Paul Bakaus from Google | For a more dope web! #174 Core Web Vitals Report Core Web Vitals Real-user monitoring (RUM) Facebook’s JS Optimizer - Prepack (now deprecated) w3c Web Performance Working Group Performance API | Native web API High Performance Browser Networking | An O’Reilly book by Ilya Grigorik (free web verision) Wix - A Free Website Builder Something missing or broken? PRs welcome!

Kent and our panelists dive deep on the hottest new React framework: Remix. What it does today, what makes it special, how it lured Kent away from a lucrative independent teaching career, and what’s coming up next. Join the discussionChangelog++ members save 6 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 SignalWire – Build what’s next in communications with video, voice, and messaging APIs powered by elastic cloud infrastructure. Try it today at signalwire.com/video and mention “JS Party” to receive an extra 5,000 video minutes. 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:Kent C. Dodds – Website, GitHub, XKevin Ball – Website, GitHub, LinkedIn, XAli Spittel – Website, GitHub, LinkedIn, XDivya – Website, GitHub, LinkedIn, XShow Notes: Remix Vs Next Fly.io JSParty #119 Redwood brings full-stack to the JAMstack Remix Quickstart Remix Deep Dive Remix Discord React Server Components and Remix A better idea would be to replace / improve the fetch spec Something missing or broken? PRs welcome!

Anthony Fu && Matias “Patak” Capeletto from the Vite core team join Jerod && Nick to discuss Vitest – a blazing fast unit-test framework powered by Vite, && Slidev – presentation slides for developers. Join the discussionChangelog++ members get a bonus 1 minute at the end of this episode and zero ads. Join today!Sponsors:GatsbyConf 2022 – (March 2nd and 3rd) this conference is totally free and totally virtual so everyone can join. Day 1 is talks and day 2 is workshops —hear from Gatsby co-founders and leadership on speed improvements to the build system, incremental architecture, the latest on Gatsby Cloud, announcements and more. Chris Coyier kicks off day 1 with the Keynote. Register at gatsbyconf.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 CHANGELOG and get the team plan free for three months. 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:Anthony Fu – Website, GitHub, XPatak – Website, GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XNick Nisi – Website, GitHub, Mastodon, XShow Notes: Vite Evan You on JS Party Vitest Slidev Something missing or broken? PRs welcome!

Holla! This week we’re playing Story of the Week and Today I Learned before turning our focus to Vest – a very cool validations framework created by Evyatar Alush. Join the discussionChangelog++ members save 3 minutes on this episode because they made the ads disappear. Join today!Sponsors:GatsbyConf 2022 – (March 2nd and 3rd) this conference is totally free and totally virtual so everyone can join. Day 1 is talks and day 2 is workshops —hear from Gatsby co-founders and leadership on speed improvements to the build system, incremental architecture, the latest on Gatsby Cloud, announcements and more. Chris Coyier kicks off day 1 with the Keynote. Register at gatsbyconf.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 CHANGELOG and get the team plan free for three months. 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:Evyatar – GitHub, XJerod Santo – GitHub, LinkedIn, Mastodon, XAli Spittel – Website, GitHub, LinkedIn, XKevin Ball – Website, GitHub, LinkedIn, XAmelia Wattenberger – Website, GitHub, XShow Notes:Holla! 👋 Ember.js Europe! Story of the Week Ali fetch() In Node.js Core: Why You Should Care The HN thread KBall Gergely Orosz tweet about remote hiring The Trimodal Nature of Software Engineering Salaries in the Netherlands and Europe Amelia Serving fonts from Google Fonts CDN violates GDPR AlphaCode is in the top 54% in programming competitions Jerod A pipe operator for JavaScript: introduction and use cases Today I Learned Ali Learning is Optimized When We Fail 15% of the Time Huberman Lab podcast Amelia CSS Cascade Layers: Article by Bramus Van Damme Feature Rollout Jerod Laurie Voss tweet about CDN caching Say goodbye to resource-caching across sites and domains KBall The React.Node type is a black hole Project Focus Vest Validations Framework Something missing or broken? PRs welcome!