Front-End Fire

In our last news episode of the year, we share that React 19 is declared stable, just in time for the holidays. It’s been a long road from release candidate in April to stability now, but it was well worth the wait. React 19 is packing a lot of features, including: Actions, hooks, form actions, the new use API, and of course, React Server Components and Server Actions.OpenAI’s been busy as well, introducing ChatGPT Pro, its $200 a month subscription for unlimited access to OpenAI o1 (the “reasoning model), GPT-4o, and Advanced Voice mode. Additionally, the startup announced the ChatGPT desktop app for macOS can now read code in a handful of developer-focused coding apps, like VS Code, XCode, Terminal, and iTerm2.There’s a new challenger to Figma for styling React-based code bases called Onlook. Onlook is a browser-based product studio that lets you design React code with Tailwind CSS using an easy-to-use interface just like you would in Figma.News:Paige - Onlook, the power Figma in your React appJack - React 19 is stableTJ - OpenAI announcements: ChatGPT Pro and Work With AppsBonus News:Quantum Computing Inches Closer to RealityiOS 18.2 and Apple IntelligenceFire Starters:Customizable Selects (Wes Bos video)What Makes Us Happy this Week:Paige - Black Doves TV series and The Midnight Feast bookJack - Seestar-S50 All-in-one smart telescopeTJ - Christmas Village in Grand Rapids, MIThanks 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

The new JavaScript package manager and serverless registry vlt debuted recently, promising to be a drop-in replacement for existing package managers like npm with additional offerings like a dependency query syntax selector and GUI experience for dependency graphs.Vite 6.0 released this week, and its biggest improvement is the new experimental Environment API. The Environment API is designed so that framework authors can create as many environments as they need within a single Vite server so they can map the way their apps work in production. Astro 5.0 also enters primetime with Astro Content Layers that loads content from any source, Server Islands to combine cached, static content with dynamic content, simplified prerendering, and Vite 6 support (using the new Environment API, mentioned in the last paragraph).News:Paige - Vite 6.0 is outJack - Astro 5.0 releaseTJ - vlt Client and Serverless RegistryBonus News:Deno v. Oracle: Canceling the JavaScript TrademarkGenAIScriptFire Starters:Details disclosure HTML elementWhat Makes Us Happy this Week:Paige - The Diplomat TV seriesJack - Retaining your thumbs thanks to SawStopTJ - Everyone in My Family Has Killed Someone and StoryGraph book trackerThanks 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

Co-host Jack Herrington is just back from the React Summit conference in New York and he shares some of the highlights of the conf, including the announcement that TanStack Start is now in beta status and Tanner Linsely (the creator of the TanStack products) will be working on it full time.Additionally, React-based animation library Framer Motion announces it has spun off into open source library Motion. Going forward, Motion will provide vanilla JS APIs so every JavaScript project can take advantage of the smooth, easy-to-use animations that were previously only available to React applications. The US government’s taken aim at Google, asking Google’s antitrust trial judge to force the company to sell off its Chrome browser after the judge ruled Google’s maintained an illegal search monopoly. These are the dramatic opening shots that will, most likely, become much less contentious than Google actually divesting itself of Chrome when a deal with the DOJ is reached, but it’s definitely a warning to other large tech companies to watch their market share.As a final note, we won’t be recording a show next week due to the Thanksgiving holiday in the US, but will be back after that with all the latest news.News:Paige - Framer Motion becomes just MotionJack - TanStack Start is in beta statusTJ - US proposes breakup of Google to fix search monopolyBonus News:The State of JS survey 2024 is now openAI tool calling is the next big thingFire Starters:scrollIntoView()What Makes Us Happy this Week:Paige - Stubby car drying nozzle leaf blower attachmentJack - Air tag-enabled water bottle lidTJ - Silver Bells in LansingThanks 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

We kick off this week’s episode with news that React Native framework Expo now has a developer preview of universal React Server Components. For the first time ever, you can use React Server Components & Server Actions in native apps. In a controversial move, Amazon has mandated all employees must return to offices by Jan 2025. The hosts discuss the pros and cons of working from the office vs remote, and speculate this is just another way for Amazon to conduct layoffs without actually laying more employees off.CSS masonry, a long yearned for feature, gets closer to reality. The Google Chrome and Apple WebKit teams have differing opinions about how CSS masonry’s syntax should be added to the spec (reuse CSS grid or create a whole new layout property for masonry), and they want devs to weigh in to help make the final decision.News:Paige - CSS masonry layout controversyJack - React Native has beta RSCsTJ - Amazon is making its employees come back to the officeBonus News:CSS gets a new logo that’s not a shield! - h/t to Adam Argyle for this breaking newsRegulators causing nuclear power issues for Meta and AmazonWordPress tracking sites leaving WP Engine hostingFire Starters:CSS stretch keywordWhat Makes Us Happy this Week:Paige - Unreasonable Hospitality bookJack - Lioness TV showTJ - Daisy DarkerThanks 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