JS Party: JavaScript, CSS, Web Development

Qwik has just the right amount of magic

A deep dive into Qwik, how it makes your apps fast by default, and the carefully calibrated amount of “magic” that makes it uniquely powerful. Discuss on Changelog News Changelog++ members save 2 minutes on this episode because they made the ads disappear. Join today! Sponsors: 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 Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. 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 extended episodes, make the ads disappear, and increment your audio quality with higher bitrate mp3s. Let’s do this! Featuring: Miško Hevery – Twitter, GitHubKevin Ball – Twitter, GitHub, LinkedIn, Website Show Notes: Qwik is a new kind of web framework Qwik Qwik Discord Stackblitz Qwik Trial Something missing or broken? PRs welcome! Timestamps: (00:00) - It's party time, y'all(00:55) - Welcoming Misko back to the pod(01:47) - A quick recap on Qwik(04:09) - App framework vs content framework(06:45) - The problem with React(10:01) - Qwik Listeners(13:15) - What makes Qwik City unique(17:40) - Sponsor: Changelog++(18:35) - Qwik is black magic(25:40) - $ function magic(26:41) - Optimizer magic(28:33) - Loader magic(29:53) - Qwik City vs Remix(32:38) - Not too much magic tho(34:22) - Serializing framework state vs app state(40:04) - Implications of serialization(42:44) - Challenges when adopting Qwik(46:35) - Qwik's solution to memory leaks(48:03) - How to get started(48:57) - The real value of Qwik(51:41) - Wrapping Up(52:31) - Outro

What's new in Astro 2

Fred K. Schott joins the party again to discuss all the new and fun changes in Astro 2. Nick and KBall dig in on what’s new, what’s exciting, and what to expect from the framework built around content. Discuss on Changelog News Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today! Sponsors: 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 Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. Featuring: Fred K. Schott – Twitter, GitHub, WebsiteNick Nisi – Twitter, GitHub, WebsiteKevin Ball – Twitter, GitHub, LinkedIn, Website Show Notes: Astro Introducing Astro 2 JS Party - Build faster websites with Astro 1.0 Astro Islands React Server Components React use hook Content collections Upgrade to Astro v2 Astro server-side rendering Astro migration guide Language Server Protocol Astro language tools Zod SolidJS Jotai TanStack Query State of JS 2022 JS Party on the State of JS Survey Fred’s thread on the State of JS survey Vite Partytown Astro on OpenCollective Astro on StackBlitz Something missing or broken? PRs welcome! Timestamps: (00:00) - It's party time, y'all(00:55) - Welcome back Fred!(02:12) - What is Astro?(04:51) - Advantages of HTML-focused syntax(06:00) - On .astro files(08:26) - Server vs client-side rendering(11:46) - React Islands(14:59) - Will Astro build a Facebook soon?(16:16) - Astro's advantages and V2(19:10) - The plugin ecosystem(21:27) - Astro and schema.org(23:21) - Type safety on Astro(26:12) - TS is bigger than JS now...(27:59) - Astro's Svelte-like history(29:11) - Owning the compilation process(31:41) - Connecting state between islands(35:39) - Astro's growth on State of JS survey(38:54) - React's biggest challenge right now(41:24) - What's next after React?(44:50) - What's coming after Astro 2?(46:36) - Giving back to the community, literally(48:10) - Everything is Content!(49:19) - Getting started with Astro 2(50:24) - Wrapping up!(50:51) - Outro

How do you define joy?

Jerod & the gang analyze the State of JS 2022 survey results, play a wicked game of HeadLIES & share some Pro Tips to help you live your best dev life. Discuss on Changelog News Changelog++ members get a bonus 9 minutes at the end of this episode and zero ads. Join today! Sponsors: 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 Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. Featuring: Jerod Santo – Mastodon, Twitter, GitHub, LinkedInNick Nisi – Twitter, GitHub, WebsiteKevin Ball – Twitter, GitHub, LinkedIn, WebsiteChristopher Hiller – Twitter, GitHub, Website Show Notes: The 2022 State of JS survey Amazon is now accepting your applications for its home surveillance drone ProseLint mason.nvim Store app state in the url Graphite Graphite on The Changelog Something missing or broken? PRs welcome! Timestamps: (00:00) - It's party time, y'all(00:59) - Introducing the panel(02:27) - The State of JS 2022 results are in(03:33) - The most important category, duh(05:26) - Digging in to the framework wars(10:37) - Using survey results & defining joy(13:54) - Chris on getting Selenium right(19:36) - What is WMR? (Sorry, Jason!)(21:00) - Don't use W3Schools(22:33) - It's time for HEADLIES!(23:52) - KBall with the smoking gun(25:09) - Round 1: Funeral flashmob(26:18) - Round 2: Roomba leaks intimate photos(27:24) - s/smart/surveillance/g(28:50) - Round 3: Microsoft combat goggles(30:32) - Round 4: Adobe's Katy Perry concert(33:39) - Round 5: Boston Dynamics + OpenAI(36:49) - And the winner is....(38:27) - It's Pro Tip Time!(38:54) - Nick's pro tip: LSPs(42:20) - Kball's pro tip: habits(43:58) - Jerod's pro tip: URLs(46:22) - Chris's pro tip: Graphite(49:23) - Wrapping up(50:11) - Outro (changelog.fm/491)

The rise & fall of JS frameworks

KBall and Chris dive into the current JavaScript trends towards smaller frameworks, compiled JavaScript, and why Chris believes “this time is different” with regards to developers caring about network speed and reducing JS sent over the wire. Discuss on Changelog News Changelog++ members get a bonus 2 minutes at the end of this episode and zero ads. Join today! Sponsors 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 Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. Featuring Chris Ferdinandi – Twitter, Website Kevin Ball – Twitter, GitHub, LinkedIn, Website Notes and Links The Transitional Web Preact Petite-Vue SolidJS Astro The spicy React debate show 🌶️ HTMX JavaScript is the CO2 of the web Qwik is a new kind of web framework Chris’s resource list Something missing or broken? PRs welcome!

New Year's Party 🪩

It’s our 4th annual New Year’s party! Jerod & the gang review our (failed) resolutions from last year, discuss what’s trending in the web world, make a few predictions of our own & even set some new (probably failed) resolutions for this year. Discuss on Changelog News Changelog++ members get a bonus 2 minutes at the end of this episode and zero ads. Join today! Sponsors 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 Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. 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 Jerod Santo – Mastodon, Twitter, GitHub, LinkedIn Divya – Twitter, GitHub, LinkedIn, Website Nick Nisi – Twitter, GitHub, Website Kevin Ball – Twitter, GitHub, LinkedIn, Website Feross Aboukhadijeh – Twitter, GitHub, Website Notes and Links Take our latest Frontend Feud survey! NUC (Next Unit Computing) ConstitutionDAO Something missing or broken? PRs welcome!