Front-End Fire

Jack is away this week speaking at the React Advanced conference in London, so be sure to check out his recorded talk (and all the others) about if React is really dying.For the news this week, we’ve got a bunch of interesting topics, the first of which is the latest release of Next.js: Next 15. It’s stable and production ready offering React 19 and React Compiler (experimental) support, Turbopack Dev, improvements to caching, and a change to async Request APIs that will allow for simplified rendering and caching in the future. Svelte 5 is also officially stable and production ready debuting the new Runes system which offers Svelte users fine-grained reactivity control via Signals. Svelte previously relied on the compiler for reactivity, which could begin to break down for larger apps, so it was rewritten from the ground up and Runes was born.Finally, vote for this podcast in the State of React survey out now! We’re under the Resources > Podcasts section and would greatly appreciate your support.News:Paige - Svelte 5 is aliveTJ - Next 15Jack’s React Advanced talkBonus News:Vote for this podcast in the State of React survey (section Resources > Podcasts)!The Browser Company who built Arc is now building another new browserUnderwater server updateApple Vision Pro manufacturing cutbackThe confusing state of Apple IntelligenceAnthropic’s latest AI update can use a computer on its ownFire Starters:backdrop-filterWhat Makes Us Happy this Week:Paige - MacBook M3 Pro 16”TJ - The Will of the Many & corn mazes 🌽Thanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire and BlueSky.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.com

In the new frameworks based on React, we introduce you to One. It is a Vite-powered project claiming to support React web apps and React Native apps all in one.Next, Host Jack Herrington shares an update on how Astro’s Server Islands work after trying them out for himself. Similar to React’s Suspense components, Astro’s Server Islands allow any component that relies on server data to render with a “fallback” (like a loader or skeleton component) in the browser until the data is returned and the full HTML can render.And as we cannot go a week without talking about the latest WordPress and WP Engine drama (listen to our last 3 episodes for full details), the latest kerfuffle involves WordPress seizing control of one of WP Engine’s most popular plugins hosted on the WordPress Plugin Directory and pushing a forked version of the plugin that WordPress is in control of under the same name.News:Paige - One, the new React framework built on ViteJack - Astro Server Islands (take 2)TJ - WordPress starts taking over WP Engine pluginsBonus News:Google inks nuclear deal for next-generation reactorsExpress 5 and Zustand 5Fire Starters:<blockquote>What Makes Us Happy this Week:Paige - Trying new things: like a voiceover workshopJack - Hue smart plugsTJ - Only Murders in the Building season 4Thanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire and BlueSky.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.com

.io domains have been in vogue for over a decade, but now that the British government has decided to give up sovereignty over the small set of islands in the Indian Ocean that owned that country code on the Internet, it will soon cease to exist. Evan You, of Vue JS and Vite fame, has started a new company VoidZero Inc. to build the next generation toolchain for JavaScript. While trying to make Vite even better, Evan realized he needed a full-time team and funding to build the best toolchain around, and the engineers and investors agreed.StackBlitz enters the AI arena as well with its bolt.new offering, AI-powered software development allowing users to prompt, run, edit, and deploy full-stack web apps directly in the browser.WordPress drama reaches new levels of pettiness with a new checkbox that users must check before signing into their WP accounts swearing they are not affiliated with WP Engine in any way. In happier news, Sentry doubles down on its support for open source software (and the maintainers) by creating the Open Source Pledge where companies who use OSS for profit are encouraged to commit to paying the maintainers of the software they use so that burnout and related security issues can be better addressed.News:Paige - void(0) JavaScript toolingJack - StackBlitz’s Bolt.new AI dev toolTJ - The end of .io domainsBonus News:Waymo updateWordPress updateSentry launches the Open Source PledgeSentry itself gave $500k to OS maintainers this yearDeno 2 is officially out!Fire Starters:HTTP QUERYWhat Makes Us Happy this Week:Paige - The Lord of the Rings: Rings of Power season 2Jack - The Substance movieTJ - Cider millsThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire and BlueSky.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.com

WP Engine is taking Automattic and Matt Mullenweg to court. The complaints are numerous and juicy: extortion, libel, slander, and include screenshots of text messages, tweets, and emails that look pretty damning against Automattic. The whole story has “Made for TV documentary” written all over it.In slightly less controversial news, React 19 has renamed its Server Actions to Server Functions. This name change brings React’s server functions more in line with other frameworks who support the same sort of functionality like SolidJS, Astro, TanStack Start, and others.Also in a follow up from the last episode where we talked about a new addition to the Web Components world allowing for web components with SSR via the Declarative Shadow DOM, a good number of JavaScript framework creators shared their misgivings about the creation of Web Components. Ryan Carniato and Rich Harris were two of the most vocal, and basically said WCs have made their work writing frameworks harder, not easier, and WCs are not the future.News:Paige - Web components are not the future according to JS framework authors Ryan Carniato (Solid JS) and Rich Harris (Svelte JS)Jack - Server Actions become Server Functions in React 19TJ - Wordpress vs. WP Engine drama continuesBonus News:OpenAI raises $6.6 billionWaymo is coming to Austin and AtlantaFire Starters:<marquee>What Makes Us Happy this Week:Paige - The Tourist seriesJack - The Wild Robot movieTJ - Adafruit sensorsThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire and BlueSky.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.com

This episode kicks off with the new Deno 2 release candidate. V2 boasts improved dependency management, updates to the APIs and CLI, and improved CommonJS support because even though ESM is the future, so much good stuff in the JS ecosystem still runs on CJS. Web Components take a big step forward in terms of wider spread adoption with the adoption of the Declarative Shadow DOM by all major browsers back in August. The Shadow DOM (a Web Components standard) provides a way to scope CSS styles to a specific DOM subtree and isolate the subtree so the element can be reused without fear of script conflicts or unexpected CSS cascades. But it only worked on the client side. The Declarative Shadow DOM removes this limitation and now things like SSR, streaming data, and server rendering styles are possible.Because the web development world can never be without some good drama going down, we now present for your viewing pleasure: the drama between WordPress and WP Engine.News:Paige - Declarative Shadow DOM for Web ComponentsJack - Deno 2 release candidateTJ - Wordpress vs WP Engine dramaBonus News:We’re on Bluesky now @front-end-fire.com! Follow us!Cloudflare AI AuditOpenAI departuresState of HTML surveyFire Starters:autocomplete attributeWhat Makes Us Happy this Week:Paige - Stuff You Should Know podcastJack - Actual typewriters at The Type Space storeTJ - Detroit TigersThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.com

Tanner Linsley, creator of TanStack Query and TanStack Router, continues expanding the Tanner-verse with a new TanStack Start framework. It’s a full-stack React framework powered by TanStack Router, Vinxi, and Vite, and boasts all the mainstays of a JavaScript framework today, including SSR, streaming, server function support, RPCs, and more. With the release of the new Apple operating system, iOS 18, comes new updates to the Safari browser and its WebKit rendering engine. A couple notable highlights for Safari 18 are “distraction control” where users can hide distracting items on web pages like sign-in banners, cookie preference popups, and newsletter signup overlays, and iPhone mirroring and remote inspection.And the Astro team is at it again with the release of Astro 5.0 beta. This new release introduces the Astro Content Layer, a flexible, extensible way to interact with content in Astro, no matter where it comes from. And for the Fire Starters section of the show this week we learn more about the writingsuggestions attribute. News:Paige - TanStack StartJack - Astro 5.0 Beta ReleaseTJ - WebKit Features in Safari 18.0Bonus News:Next.js SaaS starterFire Starters:writingsuggestions attributeWhat Makes Us Happy this Week:Paige - Bad Monkey show and Carl Hiaasen books in generalJack - iOS 18 and Sony Alpha 7C II - Full-frame interchangeable Lens Hybrid CameraTJ - Bookshelves Thanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fire

Big news this week when it’s announced that OpenAI, the company behind ChatGPT, has moved ChatGPT from using Next.js to using Remix. While both metaframeworks rely on React under the hood, Remix seems a bit less opinionated about how teams might want to structure their projects to best suit their unique use cases and needs.TypeScript has also released v5.6, and amongst the many improvements is one many day-to-day TS users will benefit from: disallowed nullish and truthy checks. Although the name sounds impressive and confusing, what it boils down to is: if TS identifies an if statement that will always evaluate to true or false because a dev forgot to actually invoke a function or misplaced parentheses or [insert many, many ways we introduce bugs into our code], TypeScript will now throw an error. Because the JavaScript gods demand at least one new framework or meta-framework each week, this week’s tribute is HonoX. We previously discussed new framework Hono back in episode 32, when it debuted as a lightweight framework built on web standards and able to run on any JS runtime, and now it’s back with meta-framework HonoX.And the team introduces a new segment this week called Fire Starters. Each week we’ll try to find a more obscure bit of HTML, CSS or JS info from around the web, and talk about it so we can all learn something new. The first topic is CSS property initial-letter.News:Paige - HonoX meta-frameworkJack - OpenAI moves ChatGPT from React to RemixTJ - TypeScript 5.6Bonus News:OpenAI o1-previewVinxi is another alternative RSC serverFire Starters:initial-letterWhat Makes Us Happy this Week:Paige - The Offer miniseriesJack - The Lord of the Rings: The Rings of Power series TJ - The Perfect Couple limited seriesThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fire

Kicking off the discussion is the release of Vue 3.5. Although it’s not a major release, Vue 3.5 packs some great new features and optimizations like: reactivity system improvements (up to 56% less memory usage for apps than before), reactive prop destructuring stabilization (it’s simpler to declare props with default values), and SSR improvements like lazy hydration for async components.RedwoodJS is also out with a new version, and 8.0 packs a wallop. It makes RedwoodJS the third framework to support React Server Components behind Next.js and Waku.The shadcn CLI has gotten an update as well where it can spin up a brand new Next.js app with shadcn and Tailwind configured and ready to go. Additionally, shadcn has integrated more tightly with Vercel’s v0 AI code generator, and now every shadcn component is editable on v0, so users can customize the components in natural language and paste it into their apps afterwards. Pretty amazing!The TC39 Committee responsible for evaluating what new features get added to the JavaScript language has added a new intermediate step for proposals: step 2.7. By the time new proposals reach step 3, they must already have full test suites to support their implementation, and if, for any reason, they must go back to step 2 to rethink things, a lot of that work can be for naught.News:Paige - Vue 3.5 is outJack - RedwoodJS 8.0 and shadcn CLI updatesTJ - JavaScript Standard Gets an Extra StageList of ECMAScript proposals on GitHubBonus News:Laravel raises $57 million series ASSR benchmark wars update (author Matteo is the Fastify lead maintainer)What Makes Us Happy this Week:Paige - House of the Dragon season 2Jack - Raspberry Pi TJ - Linkin Park is back!Thanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fire

We’ve got a good show for you today! It’s chock full of new build tools, better date handling in JavaScript, and SSR benchmarks to prove which framework is truly the fastest.The rust-ification of JavaScript build tools continues, as next generation build tool Rspack hits v1 and claims it’s ready for primetime. Rspack boasts (almost) complete compatibility with the webpack API while also being 10x faster.JS dates are about to be fixed thanks to the new Temporal API proposal, which is currently in stage 3 of the TC39 process of adding new features to the JavaScript language.A new benchmark war has erupted online: this time benchmarking which JavaScript SSR frameworks are the fastest. Benchmarking results are dubious at best because everyone’s application is different, and has different requirements, but this one got a lot of heat due to the author using an LLM to generate the code to run in these different frameworks (React, Vue, Svelte, Solid, Fastify, etc). Finally, the CSS Survey 2024 is out now! Fill it out, be amazed at how much more there is to CSS than you previously thought, and write in Front-end Fire in the podcast section of the survey if you like our show. We greatly appreciate it!News:Paige - Rspack v1.0Jack - The SSR benchmark wars of 2024 beginTJ - Temporal Dates Coming to JavaScript and temporal polyfillBonus News:CSS Survey 2024 — write in Front-End Fire!What Makes Us Happy this Week:Paige - Photoroom photo editing appJack - 1password password managerTJ - Bench power supplyThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fire

On this week’s episode, a new software licensing term has emerged in the development world: Fair Source Software (FSS). The error and exception tracking software company Sentry added some legal protections to their Codecov product last year (they are a business trying to earn money, after all), which technically meant it was no longer open source. In order to keep sharing its code with the community, Sentry created a new “Fair Source” licensing category that shares similar values to open source, but also allows companies to enforce non-compete clauses to protect its business interests.In other news, even though the React Native framework is already 10 years old, the team just launched v0.75. While this isn’t a major release, it lays the groundwork for v1 by reporting that the “new architecture” required for support of new React 18+ features like Suspense, synchronous layouts, and concurrent rendering is now stable.News:Paige - React Native reaches 0.75TJ - Fair Source Software (FSS) licenseWhat Makes Us Happy this Week:Paige - Origins Crisp Citrus Hand CreamTJ - Risky Business PodcastThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fire