Player FM - Internet Radio Done Right
Checked 7h ago
Added two years ago
Content provided by TJ VanToll, Paige Niedringhaus, Jack Herrington, TJ VanToll, Paige Niedringhaus, and Jack Herrington. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by TJ VanToll, Paige Niedringhaus, Jack Herrington, TJ VanToll, Paige Niedringhaus, and Jack Herrington or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://ppacc.player.fm/legal.
Player FM - Podcast App
Go offline with the Player FM app!
Go offline with the Player FM app!
Podcasts Worth a Listen
SPONSORED
D
Different, not broken


1 You're not supposed to be here and other Dad wisdom 29:22
29:22
Play Later
Play Later
Lists
Like
Liked29:22
The world often feels rigged. And this episode is a wake-up call to recognize the barriers that exist for those who don’t fit the traditional mold. In this episode, which is a kind of tribute to my dear departed Dad, I recount some powerful lessons from the man who was a brilliant psychiatrist and my biggest champion. He taught me that if something feels off about the environment you’re in, it probably is—and it’s absolutely hella-not your fault. We dare to break into the uncomfortable truth that many workplaces are designed for a very specific demographic, leaving neurodivergent individuals, particularly those on the autism spectrum, feeling excluded. I share three stories in which my Dad imparted to me more than my fair share of his wisdom, and I'm hoping you to can feel empowered. You'll learn that we can advocate for ourselves and others to create a more inclusive work culture. Newsletter Paste this into your browser if the newsletter link is broken - https://www.lbeehealth.com/ Join our Patreon - https://differentnotbrokenpodcast.com/patreon Mentioned in this episode: Sign Up For Our Newsletter Stay updated on all the things! Get added to our newsletter mailing list. Newsletter…
Front-End Fire
Mark all (un)played …
Manage series 3511448
Content provided by TJ VanToll, Paige Niedringhaus, Jack Herrington, TJ VanToll, Paige Niedringhaus, and Jack Herrington. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by TJ VanToll, Paige Niedringhaus, Jack Herrington, TJ VanToll, Paige Niedringhaus, and Jack Herrington or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://ppacc.player.fm/legal.
A weekly show that helps you stay up to date on the latest and greatest in the front-end world.
94 episodes
Mark all (un)played …
Manage series 3511448
Content provided by TJ VanToll, Paige Niedringhaus, Jack Herrington, TJ VanToll, Paige Niedringhaus, and Jack Herrington. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by TJ VanToll, Paige Niedringhaus, Jack Herrington, TJ VanToll, Paige Niedringhaus, and Jack Herrington or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://ppacc.player.fm/legal.
A weekly show that helps you stay up to date on the latest and greatest in the front-end world.
94 episodes
All episodes
×F
Front-End Fire

1 React Activity, Storybook 9 Beta, and AI as a Collaborator, Not a Crutch 55:50
55:50
Play Later
Play Later
Lists
Like
Liked55:50
The React team’s been on a roll lately with new experimental updates. Last episode we covered View Transitions, and today we discuss Activity. Activity is a component to hide and show parts of the UI while maintaining the component’s state and continuing to render at a lower priority when it’s not visible on screen. Storybook 9 beta is out now, and it seems to be transitioning from a frontend workshop for building UI components in isolation to a one-stop shop for all your frontend testing needs. And Microsoft recently released a paper from researchers at Cambridge and Carnegie Mellon studying how AI coding assistants have allowed developers to engage in less critical thinking and independent problem-solving, and how the skills to do both could deteriorate if this over-reliance on AI continues unchecked. News: Paige - Storybook 9 beta Jack - React TJ - The Impact of Generative AI on Critical Thinking and Avoiding Skill Atrophy in the Age of AI Bonus News: Ladybird new independent web browser MTMC-16 Apple changes App Store rules to allow external purchases What Makes Us Happy this Week: Paige - The Night Manager series Jack - Raycast TJ - Linkin Park World Tour 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 talk to us on X, Bluesky, or YouTube. Front-end Fire website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com Subscribe to our YouTube channel @Front-EndFirePodcast…
F
Front-End Fire

1 Alien Signals, React Compiler Hits RC, and RedwoodSDK Plans Revealed 37:14
37:14
Play Later
Play Later
Lists
Like
Liked37:14
Signals has been gaining in popularity the past few years for its fine-grained approach to reactivity in the browser, and a new high performance implementation called Alien Signals has landed in Vue.js. It offers significant performance improvements to complex applications with lots of data changes, and has been extended so it can be used in other JS-based libraries besides Vue. The React team announces that React Compiler has reached release candidate (RC) stage and is nearing stable release territory. React Compiler is a build-time tool that optimizes React apps through automatic memoization so devs don’t have to worry about including useMemo() and useCallback() hooks in their code. RedwoodSDK, which had some cryptic messaging about its future last month, has unveiled more of the story on its new website this month. It’s aiming to be part of the “personal software revolution” by providing a React framework for Cloudflare, offering built in access to Cloudflare Workers, databases and storage, queues, AI, and more. News: Paige - RedwoodSDK details revealed Jack - Alien Signals TJ - React Compiler RC Bonus News: Everybody wants to buy Chrome What Makes Us Happy this Week: Paige - Severance TV series season 2 Jack - Grilling season TJ - Detroit grows in population for the first time in decades 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 talk to us on X, Bluesky, or YouTube. Front-end Fire website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com Subscribe to our YouTube channel @Front-EndFirePodcast…
F
Front-End Fire

1 All AI All the Time: OpenAI’s Codex, the Web Dev AI Survey, and More 45:21
45:21
Play Later
Play Later
Lists
Like
Liked45:21
The AI hype train keeps chugging along with new updates from OpenAI. ChatGPT now offers GPT-4.1 - a new dev-first model trained for use cases related to coding, instruction following, and function calling with a context window of up to 1 million tokens. It also announces Codex CLI, a terminal version of ChatGPT that devs can use to run code, manipulate files, and iterate without ever leaving their preferred terminal. Next.js 15.3 drops with new features like using its Turbopack buildpack for production builds (still in alpha stage so use with caution), community support for Rspack as a drop in replacement for the Webpack bundler, and new navigation hooks for enhanced client-side routing capabilities. There’s also a new survey out this week: the first annual State of Web Dev AI, which answers questions like which AI tools devs find most useful, how much devs are spending on AI, and what pain points are devs most likely to encounter when leveraging AI to develop their own web apps. News: Paige - OpenAI Codex CLI and GPT-4.1 models Jack - State of AI Web Dev 2025 TJ - Next.js 15.3 Bonus News: OpenAI is in talks to acquire Windsurf for $3B “Slopsquatting” AI agents for everyone ( Firebase Studio ), ( Arduino AI Assistant ) Fire Starter: Declarative Web Push What Makes Us Happy this Week: Paige - Solo Leveling anime series Jack - Knuckles TV mini series TJ - NY Times Flashback 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 talk to us on X, Bluesky, or YouTube. Front-end Fire website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com Subscribe to our YouTube channel @Front-EndFirePodcast…
F
Front-End Fire

1 Agents Assemble: Google’s A2A Protocol, Copilot Reviews & RedwoodJS Reborn 50:17
50:17
Play Later
Play Later
Lists
Like
Liked50:17
Google announces a new Agent2Agent protocol meant to support AI agents communicating with each other. A2A aims to complement MCP and address the challenges of deploying large-scale, multi-agent systems from various providers across different platforms and cloud environments. GitHub Copilot’s new code review feature is now generally available. Just like you’d assign a coworker to review a PR, users can now assign a Copilot agent to review that same PR and spot bugs, identify potential performance problems, and suggest fixes. RedwoodJS has rebranded itself RedwoodSDK, and is focusing on a new framework that will become the foundation of a personal software revolution. RedwoodSDK promises modern serverless infrastructure, AI-driven dev tools, and open ecosystems, with more details coming soon. News: Paige - RedwoodJS becomes RedwoodSDK Jack - Google’s A2A TJ - Copilot code reviews & premium requests Bonus News: StackBlitz is hosting the world’s largest hackathon Devin 2.0 Wordpress.com launches free AI-powered website builder Fire Starter: text-wrap: pretty What Makes Us Happy this Week: Paige - Claude AI Jack - The Accountant 2 movie TJ - Apple Sports 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 talk to us on X, Bluesky, or YouTube. Front-end Fire website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com Subscribe to our YouTube channel @Front-EndFirePodcast…
F
Front-End Fire

1 tRPC v11, Netlify vs. Next.js, and Firefox Gets PWAs (Kind Of) 36:53
36:53
Play Later
Play Later
Lists
Like
Liked36:53
The tRPC team declares v11 officially production-ready. tRPC allows devs to build typesafe APIs with types that can be shared on the client and server, and now it has support for TanStack Query v5, the ability to send and receive non-JSON data content types, improved support for RSCs, and the ability to stream responses. After the Next.js security incident a few weeks back, Netlify writes an open letter around the challenges Next.js poses when not hosted on Vercel. It raises valid points like a lack of adapters, no production grade documentation for serverless deployments, no visible roadmap or release schedule, and a disregard for open web standards, among others. Firefox is finally adding support for progressive web apps (PWAs), but its web app support will intentionally not look, feel, or behave the same way similar features do in other browsers. News: Paige - tRPC v11 Jack - Firefox will support PWAs (finally) TJ - Next.js Netlify deployment drama Bonus News: Styled-components enter maintenance mode New Bare JS runtime Windsurf and Netlify partnership (and docs on the feature ) What Makes Us Happy this Week: Paige - Squeeze Me novel Jack - Pickup Music site TJ - Mario Kart World 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 talk to us on X, Bluesky, or YouTube. Front-end Fire website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com Subscribe to our YouTube channel @Front-EndFirePodcast…
F
Front-End Fire

1 VS Code & GitHub Copilot Announcements with Burke Holland and Harald Kirschner 55:55
55:55
Play Later
Play Later
Lists
Like
Liked55:55
Special guests Burke Holland and Harald Kirschner from Microsoft join us on this episode to share the new GitHub Copilot features coming to VS Code and beyond. First up: agent mode is now available to all users in VS Code. GitHub Copilot gets a serious upgrade as it can now create new apps from scratch, handle complex changes to existing code across multiple files, run (and debug) tests from the command line, and guide you through its reasoning. Additionally, VS Code and GH Copilot now offer MCP (model context protocol) for agent mode. This means that GitHub Copilot can use context tools and services while building an application. There’s a host of already available community-standard MCP servers available on github.com or devs can build their own and GH Copilot will be able to use it to enhance its knowledge and capabilities. Next Edit Suggestions (NES) lands in GH Copilot as well, so when devs make one change to a file Copilot predicts the changes that follow and presents them in sequence. Not only are ghost-text suggestions faster to appear to users in VS Code, but Copilot is also better at understanding what other changes are needed to support the new code. Special Guests: Burke Holland, Principal Developer Advocate at Microsoft running the VS Code developer community team Harald Kirschner, Principal Product Manager at Microsoft for VS Code and GitHub Copilot Relevant Links: VS Code Timeline view Burke’s Website Burke on GitHub Burke on Twitter Burke on YouTube Burke on TikTok Burke on LinkedIn Harald’s Website Harald on GitHub Harald on Twitter Harald on LinkedIn What Makes Us Happy this Week: Paige - Apple AirPods Pro Gen 2 Jack - Star Trek: Strange New Worlds season 3 TJ - Trip to the Grand Canyon and Zion National Park Burke - Insta 360 webcam Harald - Springtime in CA 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 talk to us on X, Bluesky, or YouTube. Front-end Fire website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com Subscribe to our YouTube channel @Front-EndFirePodcast…
F
Front-End Fire

1 Next.js’s Security Vulnerability, Remix Walks Away from RSCs, and Rsdoctor 1.0 48:16
48:16
Play Later
Play Later
Lists
Like
Liked48:16
Next.js had a security vulnerability scare last week due to an internal header in its middleware that allowed for skipping middleware (like auth validation) before reaching routes. The Next.js team responded quickly and patched the security holes, but this serves as a reminder to stay vigilant, keep dependencies updated, and implement multiple layers of security. Michael Jackson, co-founder of Remix and React Router, is calling it quits for Remix support React Server Components. Lots of React-based frameworks built prior to RSCs have been struggling to support the new paradigm shift - and lots of devs have bemoaned the fact because of the added complexity it introduces, and MJ is over it. This isn’t the first time framework authors have made bold claims to not support new breaking changes, so we’ll have to wait and see if he sticks to it. Rsdoctor, a build analyzer tool by ByteDance, has hit v1.0. Rsdoctor goes beyond other build analysis tools offering a visual view of the build process and smart analysis to help dev teams identify bottlenecks, optimize performance, and improve overall engineering quality. News: Paige - Rsdoctor 1.0 is available now Jack - Remix bailing on RSC? TJ - Next.js’s security vulnerability Bonus News: Redwood JS enters maintenance mode Browser Use Raises $17M Fire Starters: CSS interpolate-size: allow-keywords What Makes Us Happy this Week: Paige - Mythic Quest TV series Jack - Relearning guitar and the Katana Go headphone amp TJ - Open AI image generation and Studio Ghibli 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 talk to us on X, Bluesky, or YouTube. Front-end Fire website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com Subscribe to our YouTube channel @Front-EndFirePodcast…
F
Front-End Fire

1 Parcel Joins the RSC Party, CodeSandbox Gets AI-Powered, & Netlify x TanStack Start 39:01
39:01
Play Later
Play Later
Lists
Like
Liked39:01
Web app bundler Parcel adds support for React Server Components, including a repo of example apps for developers to reference. Although not specifically aimed at framework developers it seems like that’s the audience that would benefit most from this new feature in Parcel. CodeSandbox enters the AI game by teaming up with AI hosting platform Together AI, and launching CodeSandbox SDK. CodeSandbox SDK will allow developers to programmatically spin up AI sandboxes just like they can spin up microVMs today to run web app sandboxes in the cloud on CodeSandbox.io. Netlify inks a deal to become the official deployment partner of TanStack Start. Deploying TanStack projects on Netlify will mean: no config files needed, access to Netlify serverless functions, the reliability of Netlify’s global edge network, and the developer tools we know and love like instant previews and automated workflows. News: Paige - CodeSandbox joins Together AI and launches CodeSandbox SDK Jack - Parcel RSCs TJ - TanStack + Netlify Partnership Bonus News: Google Acquires Wiz for $32 billion Oxlint Beta is ready to replace ESLint What Makes Us Happy this Week: Paige - Formula 1: Drive to Survive S7 Jack - Mushroom outdoor solar lights TJ - Michael Jordan-shaped Cheeto up for auction 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 talk to us on X, Bluesky, or YouTube. Front-end Fire website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com Subscribe to our YouTube channel @Front-EndFirePodcast…
F
Front-End Fire

1 TypeScript’s Compiler Glow-Up, OpenAI’s Agentic Push, and One-Click Site Cloning 44:17
44:17
Play Later
Play Later
Lists
Like
Liked44:17
The TypeScript Compiler (TSC) is getting a major port to Go. Go’s support for concurrency and efficient memory management convinced the Microsoft team to port the code over and should result in as much as 10x faster builds in the future. Expect a feature-complete implementation towards the end of 2025, and the first major release of the native compiler to be TS 7.0 after that. OpenAI has released new APIs to make building agentic apps even simpler. A new Response API, built in tools like web search and file search, an Agents SDK to orchestrate agent workflows, and observability tools to trace and inspect those workflows round out the offerings for empowering autonomous agents to accomplish more tasks. Developer Aiden Bai’s back in the news with a new site called same.dev that claims to “one-shot” clone any site. Just enter a site URL into the input and it will return React, Tailwind, and Shadcn UI code. It’s pretty unreal. News: Paige - OpenAI: New Tools for Building Agents Jack - same.dev TJ - TypeScript ports compiler to Go for 10x faster builds Bonus News: Apple delays upgraded Siri Fire Starters: HTML Data List element What Makes Us Happy this Week: Paige - Under desk heated footrest Jack - Jamstik Standard MIDI Guitar TJ - Charizard Cheeto 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 talk to us on X, Bluesky, or YouTube. Front-end Fire website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com Subscribe to our YouTube channel @Front-EndFirePodcast…
F
Front-End Fire

1 TanStack Form v1, ByteDance Debuts Lynx, & VS Code AI Levels Up 42:01
42:01
Play Later
Play Later
Lists
Like
Liked42:01
The Tanner-verse expands again, as TanStack Form announces v1 just two years after Tanner Linsley began work on it. Out of the gate, TanStack Form supports React, Vue, Angular, Solid, and Lit. ByteDance (yes, that ByteDance) has released a React Native competitor named Lynx. Lynx is a new JavaScript framework that allows you to write apps that run across iOS, Android, and the Web, and it’s already being used in production TikTok apps. VS Code’s February release had some major AI highlights this month. Preview access to the latest ChatGPT 4.5 and Claude Sonnet 3.7 models for GH Copilot, the ability to attach images, GH problems, and entire folders for context, and improvements to Agent Mode. News: Paige - VS Code Feb highlights Jack - TanStack Form hits v1 TJ - Lynx Bonus News: Tailwind UI becomes Tailwind Plus Vibecoding Fire Starters: Invoker Commands API What Makes Us Happy this Week: Paige - Visiting Greenville, SC Jack - Prime Target TV series TJ - Pokémon GO 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 talk to us on X, Bluesky, or YouTube. Front-end Fire website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com Subscribe to our YouTube channel @Front-EndFirePodcast…
F
Front-End Fire

1 Our AI Tool Preferences, Claude Code, & create-tsrouter-app Goes Solid 44:43
44:43
Play Later
Play Later
Lists
Like
Liked44:43
Special announcement: Please take our listener survey so we can better tailor the podcast to your interests. The web development world can’t seem to get enough of surveys, so we’ve got the first State of AI 2025 to announce in this week’s episode. The folks behind this survey are the same ones who run State of JS, State of CSS, State of HTML, and more. Take 15 minutes to let them know what AI models you prefer, which code assistants you use, and what annoys you about the state of AI today. Along the same lines, Anthropic just released Claude Sonnet 3.7 and Claude Code. Claude Sonnet’s become a favorite model in the programming world and 3.7 introduces the first hybrid model that can produce near instant response or extended, thoughtful responses, depending on what the user wants. Claude Code is Anthropic’s first agentic coding tool in the form of a CLI that can search and read code, edit files, run tests, and commit code to GitHub. Jack’s drop in replacement for the deprecated Create React App, create-tsrouter-app, now offers Solid JS support, add-ons like including Sentry or Tailwind CSS in a new project, and model context protocol (MCP) support for AI coding assistants to interact with the application. News: Paige - State of AI survey 2025 Jack - create-tsrouter-app updates (Solid, add-ons, MCP support) TJ - Claude Sonnet 3.7 and Claude Code Bonus News: Bonus News: First impressions of Bolt.new + Expo react-scan 0.2 React Explorer What Makes Us Happy this Week: Paige - Breville InFizz Aqua Jack - Adrian’s Digital Basement YT channel TJ - ClaudePlaysPokemon 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 talk to us on X, Bluesky, or YouTube. Front-end Fire website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com Subscribe to our YouTube channel @Front-EndFirePodcast…
F
Front-End Fire

1 TraeAI Enters the IDE Wars, CRA’s Successor, and Bolt.new + Expo 48:49
48:49
Play Later
Play Later
Lists
Like
Liked48:49
Special announcement: Please take our listener survey so we can better tailor the podcast to your interests. The parent company of TikTok, ByteDance, has just released TraeAI, the newest entrant to the AI-enhanced IDE wars. Trae is also a fork of the VS Code IDE and offers many of the same AI features of competitors Windsurf and Cursor: chats, autocomplete, etc. Recently we reported the React team agreed to deprecate starter React repo Create React App due to changes in React 19 breaking the project. Well, our very own Jack Herrington collaborated with the TanStack team to create a drop-in replacement called create-tsrouter-app that builds TanStack Router based SPA applications to give folks who previously used CRA a better option in today’s world. Bolt.new, the browser-based AI agent continues to make news announcing a new integration with native app development framework Expo. Now, users can describe to Bolt what sort of mobile app they want in natural language, preview the code in real time on any platform, and refine their vision by chatting with the agent, and finally deploying it to the app store. News: Paige - Bolt.new & Expo integrate to build mobile apps with AI Jack - Jack’s very own Create React App replacement: create-tsrouter-app TJ - TraeAI Bonus News: Microsoft Says It Has Created a New State of Matter ESLint supports CSS linting Fire Starters: CSS text-box-trim What Makes Us Happy this Week: Paige - Drop Stop car seat gap filler Jack - 3D printing TJ - Onyx Storm 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 talk to us on X, Bluesky, or YouTube. Front-end Fire website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com Subscribe to our YouTube channel @Front-EndFirePodcast…
F
Front-End Fire

1 State of React Results, TypeScript 5.8, and v0 Upgrades 40:28
40:28
Play Later
Play Later
Lists
Like
Liked40:28
Please take our listener survey so we can better tailor the podcast to your interests. It’s only mid-February and already the State of React survey results for 2024 are in! Unsurprisingly Next.js continues to dominate as the most used React-based framework and Tailwind CSS tops the charts when it comes to CSS tools and libraries. TypeScript 5.8 beta brings TypeScript syntax one step closer to being a first-class citizen in the Node runtime. Node 23.6 unflagged experimental support for running TS files directly, but certain TS constructs like enums, import aliases and a few other things just aren’t supported. TS 5.8 beta introduces the –eraseabeSyntaxOnly flag, which will allow users to only write TS constructs that can be erased from a Node file, and will issue an error if it encounters constructs that can’t be erased cleanly. Vercel’s AI tool v0 can now import Tailwind config and Figma files. Now, designs begun in Figma can be imported to v0 to refine without the friction of design-to-code translation and custom font weights and colors can be added to directly from a custom Tailwind config file. News: Paige - TypeScript 5.8’s –eraseableSyntaxOnly flag Jack - v0 can now import Tailwind config and Figma files TJ - State of React 2024 survey results Bonus News: Angular: The Documentary Astro 5.2 Fire Starters: CSS hanging-punctuation What Makes Us Happy this Week: Paige - A Man on the Inside TV series Jack - Strings of bee lights TJ - Heated gloves 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 MCP AI Tools, OpenAI’s Deep Research, and React 19 Breaks CRA 50:30
50:30
Play Later
Play Later
Lists
Like
Liked50:30
The latest wrinkle for AI coding assistant tools like Cursor and Windsurf is known as the Model Context Protocol (MCP). MCP is an open protocol that allows users to provide custom tools and services to agentic LLMs like calling a third party weather service. In further AI news, OpenAI has introduced a new deep research agent designed to conduct multi-step research on the internet for complex tasks. Just give it a prompt requiring research, like which model of washing machine to buy, and ChatGPT will find, analyze, and synthesize hundreds of online sources to create a comprehensive report at the level of a research analyst. And as it turns out, the upgrade to React 19 broke React’s own Create React App (CRA) starter repo and the community wants it fixed and deprecated, as it’s no longer the recommended way to build a new React project in the docs. Mark Erikson, of Redux fame, opens a GitHub issue in the repo suggesting updates and solutions and the official acquiesces to fix the repo for now, and deprecate it in the docs. News: Paige - OpenAI introduces deep research agent Jack - Model Context Protocol (MCP) on Cursor and Windsurf TJ - Create React App and React 19 (and here’s the issue to add Astro to the React docs ) Bonus News: Dan Abramov leaves Bluesky Oracle v. Deno trademark update GitHub Copilot introduces agents with Copilot Edits Fire Starters: CSS position sticky What Makes Us Happy this Week: Paige - Handheld compressed air duster Jack - Finishing LED movie poster RPi project TJ - Cannondale Topstone bike 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 DeepSeek R1, Devin.ai, and TS Validation Standards 52:32
52:32
Play Later
Play Later
Lists
Like
Liked52:32
A new challenger to rival OpenAI’s best ChatGPT model has arisen from China named DeepSeek R1. The reason it’s causing even more of a stir is because the creators claim DeepSeek R1 was trained for under $5M - a mere fraction of the cost of comparable models to date - and they’ve open sourced the code, the models, all of it. In the same vein, both TJ and Paige had the chance to try out AI coding assistant Devin.ai firsthand last week. Devin is best described as an energetic junior programmer, and while it offers unique ways of interacting with it: Slack threads, PR comments, and has oversight over multiple repos so it can be asked to do things like compare documentation in one repo to SDK endpoints in another repo, its end value is still questionable. TypeScript validation libraries have been catching on in recent years, and the creators of some of the most popular ones (Zod, ArkType, and Valibot) have gotten together to promote a common interface for libraries called Standard Schema. News: Paige - Standard Schema promotes a common interface for TypeScript validation libraries Jack - DeepSeek R1 TJ - Our firsthand experiences with Devin.ai and jokes about AI trained coding assistants Bonus News: Matt Biilman coins the next big term in web dev experience: AX (“agent experience”) Vercel acquires dashboard and chart library Tremor Has the “Rust wave” crested? Fire Starters: toReversed , toSorted , and toSpliced What Makes Us Happy this Week: Paige - The Recruit TV series Jack - The Subtle Art of Not Giving a F*ck TJ - Onyx Storm 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 News: Bun 1.2, Tailwind CSS v4, and React Scan 0.1 44:11
44:11
Play Later
Play Later
Lists
Like
Liked44:11
This week, the team behind JavaScript runtime Bun drops some major updates into Bun 1.2. Bun introduces a built-in S3 storage API, a built-in Postgres client (with MySQL coming soon), 90% compatibility with Node.js, and it’s faster than ever before. Tailwind CSS v4 is out as well, and it boasts a new higher performance engine for 5x faster full builds, support for cutting edge CSS features like cascade layers, custom properties, and container queries, a simplified initial install and config to get going, and a first-party Vite plugin. And React Scan, built by Aiden Bai who also built Million.js, is also out this week with v0.1. Install React Scan into any React app and it will auto detect performance issues due to excessive re-rendering, and highlight the components causing the issues. News: Paige - Tailwind CSS v4.0 Jack - React Scan 0.1 (aka Million.js) TJ - Bun 1.2 Bonus News: Stargate OpenAI’s new Operator AI agent can do things on the web for you Fire Starters: Link to text fragments with #:~:text= What Makes Us Happy this Week: Paige - Puzzles (like the ones from Buffalo Games) Jack - Klipsch G-17 air wireless speaker TJ - Not So Super, Apple 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 Expo Unveils Hosting, Interop 2024 Highlights, and Automattic Cuts WP Contributions 50:59
50:59
Play Later
Play Later
Lists
Like
Liked50:59
The first topic of conversation this week is an unexpected new area the Expo team is tackling: Expo Application Service Hosting. EAS Hosting is a new service for quickly deploying web projects built using Expo and React Native apps. It makes it easy to compile and sign apps with custom native code, upload apps to the Play Store or App Store, and push live app updates directly to users. The Interop project, which aims to improve interoperability between major browser engines, released its accomplishments from 2024 this week. The browsers took on 17 areas of focus in 2024, and went from 46% of tests passing in January, all the way to 95% of tests passing by the end of December. WordPress makes headlines once more, as Autommatic, the WordPress hosting company owned by WP creator Matt Mullenweg cuts its contributions back on the WP open-source project from 4,000 hours per week to 45 hours per week. News: Paige - Interop 2024 highlights Jack - Expo APIs (EAS Hosting) TJ - Automattic cuts WordPress contribution hours ( WordPress Drama Timeline ) Bonus News: Vitest 3.0 is out The iPhone Air could be coming later this year Fire Starters: WebXR Device API What Makes Us Happy this Week: Paige - Shrinking TV show and browser-based SwaggerEditor Jack - fzf command-line fuzzy finder TJ - Switch 2 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 Honey Extension Scandal, Deno vs. Oracle, and Ghostty Terminal Emulator 43:14
43:14
Play Later
Play Later
Lists
Like
Liked43:14
This episode begins with a cautionary tale to double check your browser extensions. Popular coupon browser extension Honey’s been caught replacing affiliate links with its own tracking codes right before checkout, as well as applying pre-selected discount codes from its business partners that aren’t always the best deals. A few weeks ago we reported Deno is petitioning Oracle to release the JavaScript trademark as Oracle’s never used it since acquiring it when it bought Sun Microsystems. This week Oracle has informed Deno they won’t voluntarily withdraw their trademark on JavaScript, and are lawyering up. And the creator of HashiCorp has built a new terminal emulator called Ghostty that’s getting a lot of buzz lately. Ghostty is written in Zig and uses platform native UI and GPU acceleration for an ultra fast terminal experience. It’s got all the expected features like split screen, key commands, and support for programs like Neovim, and is worth a shot if you’re interested in trying a new terminal competitor. News: Paige - Ghostty terminal emulator and app settings GUI Jack - Honey browser extension scandal TJ - Oracle plans to fight Deno’s petition for them to release the JavaScript trademark Bonus News: Node’s experimental type stripping is now enabled by default Fire Starters: Broadcast Channel API What Makes Us Happy this Week: Paige - The Lies of Locke Lamora novel Jack - Home automation and the Hue lighting API TJ - CES! Featuring things like Swippitt 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 State of JS 2024 Results, Free GitHub Copilot, and Awesome Shadcn UI 48:23
48:23
Play Later
Play Later
Lists
Like
Liked48:23
To start us off, the State of JS 2024 survey results were recently released, and there’s lots of interesting stats to share. Vite continues to be the most loved framework and build tool amongst all JS devs, React continues to be the most used framework amongst JS devs at work, and SvelteKit and Astro are the two meta frameworks JS devs are most interested in trying out. Fun fact: 67% of respondents say they use ChatGPT to help them write code, but estimate only 12 - 20% of their code in a project is AI-assisted. In keeping with the AI trend, VS Code announced a fee plan for GitHub Copilot: no trial, no subscription, no credit card required. Limits apply, but it’s a great opportunity for devs who aren’t sure if Copilot is worth the cost to try it out. Shadcn has also released its new resource site Awesome Shadcn UI. The site contains 13 categories, 200 resources, and lots of useful links to templates, UI libraries, components, color customizations, animations, and more. News: Paige - State of JS 2024 survey results Jack - Shadcn UI design system resources TJ - Announcing a free GitHub Copilot for VS Code Bonus News: Matt Mullenweg imposes a “holiday break” on WordPress and asks Redditors what other drama he should create in 2025 Fire Starters: Clipboard API What Makes Us Happy this Week: Paige - Tulsa King TV series Jack - Hue Play HDMI sync box 8K TJ - Updating my blog 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
We wrap up the podcast with an end of year holiday spectacular episode! Instead of the usual news, the hosts share the biggest front end stories of 2024, the most fascinating developments, and the moments that made us happiest. Thank you, Front-End Fire listeners! We couldn’t have done this without you. Wishing you a wonderful holiday season, and we can’t wait to bring you more frontend goodness in 2025. Biggest Story of the Year for Frontend Devs: Paige - Vite and void(0) Jack - React 19 drama and delays TJ - The rise in AI tooling, and how we move forward with it Most Interesting Story of 2024: Paige - Apple’s not-so-great year: Apple Vision Pro , EU legal issues , Apple Intelligence Jack - AI app builders: v0 , bolt.new , etc. TJ - Wordpress Drama What Made You Happy in 2024: Paige - Consistent practice of hobbies Jack - Growing this podcast and quality time with friends and family TJ - Getting back into reading 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 OpenAI Goes Pro, React 19 is Stable, and Figma's New Competitor Onlook 50:17
50:17
Play Later
Play Later
Lists
Like
Liked50:17
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 app Jack - React 19 is stable TJ - OpenAI announcements: ChatGPT Pro and Work With Apps Bonus News: Quantum Computing Inches Closer to Reality iOS 18.2 and Apple Intelligence Fire Starters: Customizable Selects ( Wes Bos video ) What Makes Us Happy this Week: Paige - Black Doves TV series and The Midnight Feast book Jack - Seestar-S50 All-in-one smart telescope TJ - Christmas Village in Grand Rapids, MI 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

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 out Jack - Astro 5.0 release TJ - vlt Client and Serverless Registry Bonus News: Deno v. Oracle: Canceling the JavaScript Trademark GenAIScript Fire Starters: Details disclosure HTML element What Makes Us Happy this Week: Paige - The Diplomat TV series Jack - Retaining your thumbs thanks to SawStop TJ - Everyone in My Family Has Killed Someone and StoryGraph book tracker 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 TanStack Start Beta, Framer Motion Goes Vanilla, and the US vs. Google 38:32
38:32
Play Later
Play Later
Lists
Like
Liked38:32
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 Motion Jack - TanStack Start is in beta status TJ - US proposes breakup of Google to fix search monopoly Bonus News: The State of JS survey 2024 is now open AI tool calling is the next big thing Fire Starters: scrollIntoView() What Makes Us Happy this Week: Paige - Stubby car drying nozzle leaf blower attachment Jack - Air tag-enabled water bottle lid TJ - Silver Bells in Lansing 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 Expo Unlocks RSCs, Amazon’s RTO Mandate, and CSS Masonry Layouts Debate 49:11
49:11
Play Later
Play Later
Lists
Like
Liked49:11
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 controversy Jack - React Native has beta RSCs TJ - Amazon is making its employees come back to the office Bonus News: CSS gets a new logo that’s not a shield! - h/t to Adam Argyle for this breaking news Regulators causing nuclear power issues for Meta and Amazon WordPress tracking sites leaving WP Engine hosting Fire Starters: CSS stretch keyword What Makes Us Happy this Week: Paige - Unreasonable Hospitality book Jack - Lioness TV show TJ - Daisy Darker 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 GitHub's AI-Driven Future: Copilot Models, Micro Apps, and More! 47:54
47:54
Play Later
Play Later
Lists
Like
Liked47:54
The AI race continues with lots of new updates straight from the GitHub Universe conference! New features from GitHub include: the ability to choose different AI models for GitHub Copilot Chat to use (OpenAI, Claude, Gemini, etc.), Copilot Workspaces reviewing PRs, suggesting code changes, and validating fixes. In addition to the GH Universe announcements, the October VS Code release has a bunch of new Copilot additions like: Copilot Edits to change multiple files at once, Copilot Chat in a secondary sidebar, and Copilot code reviews before committing to GitHub. Next.js’s caching, which defaulted to very aggressive in the past, has been updated big time in Next.js 15. Now, when devs add a request that fetches external data, they’ll be prompted to either wrap it in a Suspense tag or explicitly mark the module or function with the “use cache” directive. This gives devs more fine grained cache control allowing some routes to have dynamic, Suspense-supported data, while others have static, cached data. In bonus news, the open source Flutter community decided to fork the project because it feels Google’s core Flutter team doesn’t have enough resources internally and isn't fast enough at reviewing PRs and implementing new features. “Flock” aims to add the bug fixes, popular community features, and generally be faster and more agile than Flutter. And today’s Fire Starter is about HTTP/3: the newest revision of the HTTP which offers better speed, security, and reliability. News: Paige - GitHub Spark and GitHub Universe updates in general Jack - use cache changes in Next.js 15 TJ - VS Code 1.95 Bonus News: Flutter gets forked to Flock Fire Starters: HTTP/3 What Makes Us Happy this Week: Paige - All Recipe’s Trends page Jack - Phone security cord TJ - The Will of the Many book series and Kindle e-reader 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 Interview: Web Components at Scale with Rob Eisenberg 1:00:59
1:00:59
Play Later
Play Later
Lists
Like
Liked1:00:59
In a special guest episode, Rob Eisenberg joins the podcast to talk about the role web components play in today’s web development ecosystem. Rob is uniquely qualified to discuss web components, as the former architect for Microsoft’s web component tech stack, FAST, used by about 1,500 internal MSFT teams, and creator of the Web Component Engineering course. Special Guest(s): Rob Eisenberg, Founder and Chief Software Architect at Blue Spire, former architect for Microsoft’s FAST Web Components technology, creator of the Web Component Engineering course, and Web Standards advocate. Rob on Twitter @EisenbergEffect Rob’s Web Component Engineering course Rob on LinkedIn Rob on GitHub Rob on Medium What Makes Us Happy this Week: Paige - Da Vinci Eye app TJ - GitHub Copilot updates Rob - Buttermilk Pancakes 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 Next.js 15 & Svelte 5: Major Upgrades Hit the Web Dev World 47:21
47:21
Play Later
Play Later
Lists
Like
Liked47:21
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 alive TJ - Next 15 Jack’s React Advanced talk Bonus 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 browser Underwater server update Apple Vision Pro manufacturing cutback The confusing state of Apple Intelligence Anthropic’s latest AI update can use a computer on its own Fire Starters: backdrop-filter What 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 One Framework, Astro Server Islands, and WordPress Steals a WP Engine Plugin 49:07
49:07
Play Later
Play Later
Lists
Like
Liked49:07
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 Vite Jack - Astro Server Islands (take 2) TJ - WordPress starts taking over WP Engine plugins Bonus News: Google inks nuclear deal for next-generation reactors Express 5 and Zustand 5 Fire Starters: What Makes Us Happy this Week: Paige - Trying new things: like a voiceover workshop Jack - Hue smart plugs TJ - Only Murders in the Building season 4 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 Bye-bye .IO, void(0)’s Next Gen JS Toolchain, and StackBlitz’s AI platform bolt.new 52:43
52:43
Play Later
Play Later
Lists
Like
Liked52:43
.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 tooling Jack - StackBlitz’s Bolt.new AI dev tool TJ - The end of .io domains Bonus News: Waymo update WordPress update Sentry launches the Open Source Pledge Sentry itself gave $500k to OS maintainers this year Deno 2 is officially out! Fire Starters: HTTP QUERY What Makes Us Happy this Week: Paige - The Lord of the Rings: Rings of Power season 2 Jack - The Substance movie TJ - Cider mills 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 WordPress Wars Continue, React Server Functions, and Web Component Backlash 45:07
45:07
Play Later
Play Later
Lists
Like
Liked45:07
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 19 TJ - Wordpress vs. WP Engine drama continues Bonus News: OpenAI raises $6.6 billion Waymo is coming to Austin and Atlanta Fire Starters: What Makes Us Happy this Week: Paige - The Tourist series Jack - The Wild Robot movie TJ - Adafruit sensors 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 News: Deno 2.0, Web Components on the Server, and WordPress Drama 43:46
43:46
Play Later
Play Later
Lists
Like
Liked43:46
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 Components Jack - Deno 2 release candidate TJ - Wordpress vs WP Engine drama Bonus News: We’re on Bluesky now @front-end-fire.com! Follow us! Cloudflare AI Audit OpenAI departures State of HTML survey Fire Starters: autocomplete attribute What Makes Us Happy this Week: Paige - Stuff You Should Know podcast Jack - Actual typewriters at The Type Space store TJ - Detroit Tigers 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire Follow us on Bluesky @front-end-fire.com…
F
Front-End Fire

1 News: TanStack Start, Safari 18 Updates, and Astro 5.0 Highlights 39:13
39:13
Play Later
Play Later
Lists
Like
Liked39:13
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 Start Jack - Astro 5.0 Beta Release TJ - WebKit Features in Safari 18.0 Bonus News: Next.js SaaS starter Fire Starters: writingsuggestions attribute What Makes Us Happy this Week: Paige - Bad Monkey show and Carl Hiaasen books in general Jack - iOS 18 and Sony Alpha 7C II - Full-frame interchangeable Lens Hybrid Camera TJ - 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: ChatGPT Moves to Remix, TypeScript 5.6, and Meta-framework HonoX Debuts 42:38
42:38
Play Later
Play Later
Lists
Like
Liked42:38
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-framework Jack - OpenAI moves ChatGPT from React to Remix TJ - TypeScript 5.6 Bonus News: OpenAI o1-preview Vinxi is another alternative RSC server Fire Starters: initial-letter What Makes Us Happy this Week: Paige - The Offer miniseries Jack - The Lord of the Rings: The Rings of Power series TJ - The Perfect Couple limited series 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: Updates for Vue, RedwoodJS, shadcn, and TC39’s Proposal Stages 47:12
47:12
Play Later
Play Later
Lists
Like
Liked47:12
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 out Jack - RedwoodJS 8.0 and shadcn CLI updates TJ - JavaScript Standard Gets an Extra Stage List of ECMAScript proposals on GitHub Bonus News: Laravel raises $57 million series A SSR benchmark wars update (author Matteo is the Fastify lead maintainer) What Makes Us Happy this Week: Paige - House of the Dragon season 2 Jack - 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: JavaScript Edition! Build Tools, Date Handling APIs, and SSR Benchmark Wars 39:56
39:56
Play Later
Play Later
Lists
Like
Liked39:56
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.0 Jack - The SSR benchmark wars of 2024 begin TJ - Temporal Dates Coming to JavaScript and temporal polyfill Bonus News: CSS Survey 2024 — write in Front-End Fire! What Makes Us Happy this Week: Paige - Photoroom photo editing app Jack - 1password password manager TJ - Bench power supply 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: Sentry’s Fair Source Licensing & What’s Next for React Native 26:00
26:00
Play Later
Play Later
Lists
Like
Liked26:00
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.75 TJ - Fair Source Software (FSS) license What Makes Us Happy this Week: Paige - Origins Crisp Citrus Hand Cream TJ - Risky Business Podcast 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: AI-Edition: OpenAI’s Structured Outputs, EU AI Legislation, and Chrome CSS Usage Stats 39:34
39:34
Play Later
Play Later
Lists
Like
Liked39:34
AI is the main topic of conversation for this week’s episode. Between continued advancements in the technology and governments trying to put safeguards in place to prevent a Terminator-style future, there’s plenty going on. OpenAI has introduced a new feature of its API called “structured outputs,” which essentially lets developers pass in a valid JSON schema that guarantees the model will always generate responses that adhere to it. No omission of required keys, no extra values you weren’t expecting, no need for strongly worded prompts to achieve consistent formatting. On the flip side, the European Union has introduced the first legislation to develop safe and trustworthy AI within its borders. This legislation includes a 4 tier risk classification system for all AI products ranging from minimal risk to unacceptable risk, and a 3+ year timeline for companies developing AI products to comply with these new regulations. The React core team announces the changes to Suspense will delay the release of React 19 for a bit longer than originally planned, but should ultimately lead to a better end user experience for devs and library authors alike. And the news rounds out with a game of “guess the CSS usage statistics” compiled by Chrome’s anonymous usage statistics. Ever wondered what percentage of websites are styling scrollbars, or how many set height? Not to mention the amount of CSS properties we’ve never heard of before: font-synthesis-small-caps, anyone? News: Paige - EU rolls out first-ever legal framework for AI Jack - OpenAI Structured Outputs TJ - Chrome CSS usage statistics Bonus News: React 19 release delayed What Makes Us Happy this Week: Paige - Deadpool & Wolverine movie Jack - Facebook Marketplace TJ - The Lord of the Rings film series 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: Node Gets TS Support, Tauri v2, and New JS Acronym e18e 39:07
39:07
Play Later
Play Later
Lists
Like
Liked39:07
This week’s episode kicks off with an announcement that Node 22.6 has experimental TypeScript support! What you might not realize unless you read the fine print though, is that this isn’t the sort of TS support you might assume. Instead, the feature strips type annotations from .ts files, allowing them to run without transforming TS-specific syntax. Tauri, a competitor to Electron for building cross-platform desktop apps, just released a stable release candidate of Tauri 2. Tauri promises lower memory usage and CPU usage by taking advantage of a system’s native webview on the frontend and using Rust on the backend. A new acronym is sweeping the JavaScript world: e18e - or Ecosystem Performance. E18e is focused on improving JS package performance, by removing redundant dependencies in old packages or replacing them with more modern alternatives, improving the performance of widely used packages, and building modern alternatives to outdated packages. News: Paige - e18e initiative Jack - Node 22.6 with experimental TypeScript support TJ - Tauri 2.0 RC Bonus News: Courts rule Google is a monopolist in the search world What Makes Us Happy this Week: Paige - Charisma towels from CostCo Jack - The Old Man TV series and Bad Sisters TV series TJ - A Good Girl’s Guide to Murder TV series…
F
Front-End Fire

1 News: Google Backs Off Blocking Cookies, New CSS Features, and Vercel’s Feature Flags SDK 42:15
42:15
Play Later
Play Later
Lists
Like
Liked42:15
Google is making headline news once again as it reverses course on a decision to block third-party cookies in its Chrome browser. After years of testing, planning, and delays, Google scrapped a plan to turn off third-party cookie tracking by default like Safari and Firefox already do. In other news, the annual CSS Working Group meeting wrapped up recently, and some of the exciting features the group will be focusing on this year include: the if() statement for conditional styling, cross document view transitions without the need for a JavaScript library, and (perhaps the most anticipated feature) cleaner, easier CSS anchor positioning. Vercel introduces feature flags in Next.js and SvelteKit with Vercel’s Flags SDK. The Flags SDK works with any feature flag provider, and sits between the application and the source of the flags to help devs follow best practices for using feature flags, while keeping websites fast. And finally, Reddit has doubled down on blocking search engine crawlers from surfacing new posts and comments in recent weeks, and as of now, Google is the only mainstream search engine that’s made a deal that will allow it to index new search results when users search for posts on Reddit. News: Paige - Exciting new CSS features coming out of this year’s CSSWG meeting Jack - Feature Flag Support from Vercel TJ - Chrome’s is no longer removing third-party cookies Bonus News: Reddit is now blocking all non-Google search engines and AI bots All the video talks from React Conf 2024 are available What Makes Us Happy this Week: Paige - Apple Watch SE Jack - 3D printing (Autodesk Fusion 360 program) TJ - 2024 Paris Olympics 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: State of React and Stack Overflow Developer Surveys 49:24
49:24
Play Later
Play Later
Lists
Like
Liked49:24
Web development survey results season is upon us, so this week’s episode covers two of the newly released survey results: the State of React survey 2023 and Stack Overflow Developer Survey 2024. Just over 13,000 developers filled out the State of React survey, and the results were quite interesting. React devs are fans of component libraries like MUI (Material UI) and shadc/n, state management libraries like Zustand, and data fetching libraries like TanStack Query. They gripe about well-known Hook footguns like useEffect(), useMemo(), and useCallback(). And features like React Server Components and the use() Hook are still largely untested by the community, although many devs have heard of them. The more all encompassing development survey from Stack Overflow received 65,000 responses this year, providing some very cool insights about the larger developer world beyond the bounds of React. It’s fascinating to watch the trends starting to catch on or die down in the web development space year over year, and we highly encourage everyone to take a look at the survey results. There will probably be some surprise in store. News: State of React Survey 2023 Stack Overflow Developer Survey 2024 What Makes Us Happy this Week: Paige - NeilMed Sinus Rinse Kit Jack - Logitech Spotlight Presentation Remote TJ - Electric fly swatter 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: Astro Announces Server Islands and Partners with Netlify 43:10
43:10
Play Later
Play Later
Lists
Like
Liked43:10
Popular web framework Astro is making lots of headlines this week, between new experimental feature Server Islands, and achieving “official deployment partner” status with Netlify, it’s been a whirlwind. But in addition to Astro’s big news, Expo, arguably the most popular framework for building React Native apps, has been endorsed by the React Native team as the recommended way to build apps. Also, Vitest 2.0, the fastest growing test framework, has introduced a new experimental feature called “Browser Mode”, which allows users to run tests in the browser natively, providing access to browser globals like window and document. Now back to Astro. In 2021, Astro made island architecture a mainstream idea, and Server Islands takes it a step further, making it easy to combine high performance static HTML and dynamic-server generated components. And the Astro announcements kept coming with Netlify being declared Astro’s official deployment partner. Netlify’s betting on Astro and Server Islands, and will be sponsoring the Astro team with $12,500 each month to keep improving the framework and OSS community. Well done, Astro team! News: Paige - Expo is the recommended way to build React Native apps Jack - Astro 4.12 Server Islands and Astro server-islands demo site TJ - Netlify is Astro’s “Official Deployment Partner” Bonus news: https://vitest.dev/guide/browser/ What Makes Us Happy this Week: Paige - Grafana dashboards Jack - Public speaking TJ - Mammoth Cave National Park 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: AI Model Runner ONNX and JS Framework Maker Vinxi w/Returning Guest Jason Lengstorf 54:59
54:59
Play Later
Play Later
Lists
Like
Liked54:59
Friend of the podcast (and previous guest host), Jason Lengstorf, joins Jack and Paige today to talk about the latest happenings in the web dev world - and wax poetic at the end about favorite restaurants and fine dining. First up, is AI model runner ONNX, which Jack’s been digging into recently. ONNX offers many pre-trained models which can run locally or in the browser and integrates well with many different programming languages. After that is new Lodash library competitor es-toolkit. It’s smaller, faster, relies heavily on native browser APIs, and wants to supplant Lodash for all those useful helper functions so many JS apps still rely heavily on. Then there’s a new React project framework named react-server that claims to be the easiest way to build React apps with server-side rendering. Finally, Jason shares his experience with full stack JavaScript SDK Vinxi, which makes it easy for devs to build JavaScript apps and even frameworks. News: Paige - es-toolkit and what’s next for ESLint Jack - ONNX (Open Neural Network Exchange) AI model runner and React Server Jason - Vinxi · Dev Agrawal on LWJ teaching Vinxi · Nikhil on Vinxi at ViteConf Special Guest: Jason Lengstorf, host of Learn with Jason and developer-focused media consultant. Jason’s X profile @jlengstorf Jason’s YouTube channel Learn with Jason site Jason’s link tree (jason.energy/links) What Makes Us Happy this Week: Paige - The Bear TV series Jack - Inside Out 2 movie Jason - Chef movie and The Chef Show 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 Topic: Favorite Tech Gear We Use (and Recommend) 51:54
51:54
Play Later
Play Later
Lists
Like
Liked51:54
The hosts switch up the regular news format this week in favor of another favorite developer topic: tech gear. All the extras that make web development that little bit nicer. If you were stranded on a desert island (that only had power and Internet), what tech gear would you bring that you just can’t live without? Aside from MacBook Pros for all three hosts, there’s a good variety of office chairs, adjustable desks, external monitors, keyboards, mice, headphones, microphones, and even cameras. Many of the recognizable brand names make an appearance like: Apple, Logitech, Elgato, Microsoft, Steelcase, and Shure. If you’ve ever wanted recommendations from folks actively using these products (and not getting sponsored to endorse them) then this is the episode for you. And of course, we want to know what you use as well, so join us in the Discord to share your own workspace setups, the gear you can’t live without, and anything else you want to talk about. News: Paige’s picks - Logitech MX Keys S keyboard Tresanti Adjustable Height Desk Camo software to turn any camera phone into a webcam Arzopa 15.6” Portable Monitor Jack’s picks - Logitech Vertical Mouse (Lift) Elgato Prompter Elgato Stream Deck Shure SM7B Microphone Das Keyboard TJ’s picks - Steelcase Leap Microsoft Ergonomic Keyboard AirPods Pro Apple Magic Mouse What Makes Us Happy this Week: Paige - The Hunger Games movie series Jack - Hanging with Jason Lengstorf TJ - Harry Potter movie series 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: Coding Reality TV, AI Companies Crawl Excluded Content, and Apple Violates More EU Laws 47:59
47:59
Play Later
Play Later
Lists
Like
Liked47:59
In a rare turn of events, it was a slightly quieter week in terms of actual web development news, so the hosts round up some technology-adjacent news and drama to share. Jack kicks off the show recounting his experience of being one of four developers in a reality show-type scenario that his friend Jason Lengstorf (host of the YouTube show “Learn with Jason”) put together. Next up is more drama around how AI companies are training their LLMs. Up and coming AI company Perplexity’s getting some heat for ignoring the robots.txt files on websites banning AI companies from crawling the content to teach their models. After that, TypeScript 5.5, previously in beta stage (in episode 42), has now reached release candidate stage. It brings with it inferred type predicates, regex syntax checking, and 33% smaller package size. News: Paige - TypeScript 5.5 RC Jack - Don’t build another effin’ chatbot - Web Dev Challenge S1E1 (Learn with Jason) TJ - Perplexity and robots.txt drama and Apple is the first company charged with violating the EU’s DMA rules Bonus news: window.ai What Makes Us Happy this Week: Paige - The Hunting Party book Jack - Bridgerton on Netflix TJ - The Paris Apartment 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: State of JS 2023 Survey Results, React Drama Updates, and Adobe Sued by FTC 47:01
47:01
Play Later
Play Later
Lists
Like
Liked47:01
Although we’re already halfway through 2024, this week the State of JavaScript survey for 2023 dropped, and the hosts weighed in and discussed the results they found most interesting. This year the survey provided a lot more write in options instead of predefined lists, which made extrapolating clear answers in many cases more difficult than it otherwise would have been, but there were still some clear winners in terms of usage and popularity among respondents. React and Next.js continued to dominate in the framework wars, Vite was beloved by most everyone, and the new category of AI tools was dominated by ChatGPT. There’s lots of interesting data here to peruse, but also some questions about the accuracy of results with having to normalize so many written responses. Another topic of discussion was the new release of htmx 2.0. It’s dropping support for Internet Explorer, breaking out all the previously built-in extensions from the main project, and (most exciting of all) now offers a dark-mode version of the website. We get an update on the React Suspense drama that began last week when the React team fundamentally wanted to change how Suspense is handled in React 19, and many library maintainers who rely on Suspense under the hood voiced concerns that it would severely impact how their libraries work. The React team has since backed off changing Suspense, and agreed to find a solution that works better for everyone, and we’ll update you on what that solution might be as soon as we know more. And finally, Adobe continues to make headlines this year as the US Federal Trade Commission sues it over confusing and hard-to-cancel subscription plans. For a company as big and successful as Adobe, the fact that it uses confusing and obfuscated terms and conditions to penalize users who try to cancel subscriptions is shameful, and the US FTC is taking a stand against it. News: Paige - htmx 2.0 is released Jack - State of JS 2023 results are in TJ - The US FTC sues Adobe ( Full complaint ) Bonus news: The React team reverses course on proposed Suspense changes and Tkdodo’s summary of the Suspense drama Blue Collar Coder video on React Suspense What Makes Us Happy this Week: Paige - Three Body Problem novel Jack - Cascadia JS conference TJ - Yellow Altra running shoes 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: GH Copilot Workspace Review, the Latest in Web UI, and React Suspense Drama 56:40
56:40
Play Later
Play Later
Lists
Like
Liked56:40
Today’s episode covers a slew of hot topics making headlines in the web development and general technology world. TJ kicks off the show with his firsthand experience of GitHub Copilot Workspace (available to users by invite only). He tested Copilot Workspace with a relatively simple issue in one of his repos, and while the plan Copilot came up with seemed sound, the implementation didn’t end up working. It took Copilot several minutes each time he asked it to try and code a working solution again too, which wasn’t the best experience. While it’s still extremely early days for Copilot Workspace, it still has a ways to go before it will replace developers at this rate. The next topic is around a talk at Google I/O: the latest in web UI. In the talk, Google DevRel Lead, Una Kravets, highlights some of the best new features out like native scroll driven animations and view transitions, the introduction of the popover API and anchor positioning in CSS, and CSS container queries and nesting and layout, typography, and color improvements. Her talk is accompanied by slick visual demos and is definitely worth a watch. Next up is some new drama in the React world: the React team is solidly considering fundamentally changing the way Suspense works in React 19, and the general React public is not happy about it. Hopefully their concerns are heard before it gets finalized. And there’s a bit of bonus news as well: Apple’s annual Worldwide Developers Conference (WWDC) unveiled “Apple Intelligence”, Apple’s answer to AI, which will include Siri interfacing with Chat GPT 4o when it doesn’t know the answer, custom, AI-generated emojis, and the new Safari 18 beta version. Jack also recommends a cool CSS browser extension called Design GUI for managing colors in CSS variables. News: Paige - The latest in Web UI (Google I/O ‘24) talk Jack - React Suspense drama in React 19 TJ - GitHub Copilot Workspace Bonus news: Safari 18 Beta is out Apple unveils Apple Intelligence its answer to AI Design GUI CSS browser extension What Makes Us Happy this Week: Paige - Substack newsletters Jack - Godzilla x Kong: The New Empire movie TJ - A Brief History of Intelligence book 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 Interview: ADHD and Web Development with Chris Ferdinandi 54:14
54:14
Play Later
Play Later
Lists
Like
Liked54:14
Vanilla JS author Chris Ferdinandi joins the podcast this week to talk about how having ADHD has affected his career in web development. Chris shares his own diagnosis of ADHD as a child, then proceeds to discuss how it can be both a positive and a negative depending on the situation and how different individuals can have ADHD to varying degrees. He covers strategies he’s developed over the years to be most effective at his job; things like sending follow up emails after meetings with lists of deliverables or blocking off chunks of time on the calendar during the workday for focus work like coding. And he also makes recommendations for coworkers or managers of neurodivergent folks on how to support them so they can do their best work. Finally, he offers advice for listeners who may relate to many of the symptoms described during the show, and what they can do if they want to learn more about getting diagnosed. It’s a very enlightening episode, and fascinating to hear about the progress being made in the field of ADHD as well as the growing destigmatization around the diagnosis: many listeners may even pick up tips to help them manage their own work days better after listening in. Special Guest(s): Chris Ferdinandi, author of the Vanilla JS series, training program, and podcast, and web development teacher, content creator, and consultant. Main Topic: The challenges and advantages of being a web developer with ADHD Relevant Links: Chris on Twitter @ChrisFerdinandi Chris’s website Go Make Things Chris’s other website ADHD ftw! Chris on GitHub What Makes Us Happy this Week: Paige - The Paris Apartment novel Jack - Staying above the Tech Twitter drama TJ - AI tools to help writing like ChatGPT Chris - Gardening and web components 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: New SSG Framework VitePress, Component Libraries Based on shadcn/ui, and Angular 18 Drops 35:57
35:57
Play Later
Play Later
Lists
Like
Liked35:57
This is a rapid fire episode of news topics today because (as always) there’s plenty going on in the front-end development world. Evan You, the creator of the popular Vue.js framework and Vite build tool, is back with a new static site generator named VitePress. VitePress allows users to build fast, content-centric websites with Markdown, a fully customizable theme, and Vue-enhancements for greater interactivity, and it will generate static HTML pages that can be deployed anywhere. There’s also two new component library frameworks taking a page from the shadcn/ui open source component library: JollyUI and Ark UI. JollyUI provides shadcn/ui compatible, react aria components that you can copy and paste into your apps. They’re accessible, customizable, open source, and look darn good at first glance. Ark UI takes a slightly different approach billing itself as a headless library for building reusable, scalable design systems that work for a wide range of JS frameworks. And the Angular team is back at it again with the twice a year release of a new major version of Angular. We’re up to v18 now, and Angular is encouraging users to move away from zone.js for change detection. It’s been a staple of Angular for years, but the library came with a number of developer experience and performance downsides and so the Angular team’s been hard at work building new APIs that don’t rely on zone.js and they’re ready for devs to try them out. In bonus news, Google now offers its Gemini AI in Chrome DevTools to help developers better understand the errors and warnings that pop up in the console, Kyle Shevlin shares a very well written design system retrospective based off his own experiences building cross platform design systems for clients and dev teams, and IBM watsonx brings its own Code Assistant AI tool to the table. A unique twist with Code Assistant is that it offers not only code generation, but also code modernization (i.e. refactoring legacy code or translating code from one language to another). News: Paige - VitePress SSG framework Jack - Ark UI 3.0 and JollyUI react aria compatible components TJ - Angular 18 is now available Bonus news: Google Gemini AI in Chrome DevTools Design System Retrospective article by Kyle Shevlin IBM watsonx Code Assistant What Makes Us Happy this Week: Paige - BUBM double layer cable travel bag Jack - Creo Chocolate tour TJ - Sharp Tech podcast 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 Next.js 15, Google Search Rolls Out AI to All, and SolidStart 1.0 Debuts 43:04
43:04
Play Later
Play Later
Lists
Like
Liked43:04
Conference season is in full swing this week Vercel showed off the new goods they’ve got for developers to get excited about. During Vercel Ship, the Next.js 15 RC (release candidate) was officially announced. Next.js 15 includes benefits like: support for React 19 and the React Compiler (Experimental), plus hydration error improvements. It also offers experimental support for partial pre-rendering, a new API to execute code after a response has finished streaming, and new config options for the App and Pages Router. But the biggest thing to note in this release is the change to caching: in Next 15, fetch requests, GET route handlers, and client navigation are no longer cached by default (a confusing default in Next.js, which caused a lot of confusion for devs why they were seeing the new data in local dev, but not in prod). Next has reversed course on this aggressive caching, and now requires teams that need it to opt in instead of having to opt out. Not to be outdone, Google search rolled out AI overviews to all Chrome users with its latest browser update. While initial reviews of the AI’s accuracy and truthfulness are mixed, it’s a strong indicator that the AI hype train continues to go strong, and every major tech company must have an AI offering to compete. What’s less clear is how Google will monetize this offering, how SEO and website traffic will fare now that users may never need to leave the Google search engine to get the answers they seek, and if this will cause a decline in the amount of time and energy people put into writing articles and posting useful information if no one besides the LLM training models will consume it. It’s a brave new world we’re facing, and it will be interesting to see who survives and how it continues to evolve. Last but not least, the team behind the popular JavaScript framework Solid.js debuts the meta framework SolidStart 1.0. The thinking behind SolidStart is that it integrates multiple separate packages to provide complete functionality, but each of these pieces can be replaced with a user’s own custom implementation if desired. Out of the box, SolidStart is built on Vinxi (a Vite + Nitro-based bundler and runtime), the Seroval serializer, and the Solid Router. It offers all the things we’ve come to expect from a good meta framework: file-based routing, streaming, server functions and actions, data pre-loading, API routes, and more, and it can be deployed on every platform that has a Nitro preset (25+ platforms and counting). The Solid team has been good at reading the room: pioneering signals in 2019 and adding server functions in 2022, so there’s a good chance they’ll continue to make smart bets going forward, and we wish SolidStart the best of luck. News: Paige - SolidStart 1.0 Jack - Next.js 15 TJ - Google search’s AI overview What Makes Us Happy this Week: Paige - Relax Meditation mobile app Jack - Fourth Wing book TJ - Apple Vision Pro 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet…
F
Front-End Fire

1 React Conf Highlights, Vercel Raises Another $250m, and Astro Adds Actions 47:03
47:03
Play Later
Play Later
Lists
Like
Liked47:03
We’ve got an exciting episode with our co-host Jack Herrington fresh from his trip to React Conf where the React core team and close collaborators unveiled all the cool things they’ve been working on, including the much anticipated React Compiler and some exciting new features for React Native Expo. React Compiler is a new Babel-enabled plugin that will allow React apps to handle the memoization and re-rendering of components in an application so that developers won’t have to use the useMemo() and useCallback() hooks themselves. It will essentially save devs from having to think about it (and save them from the foot guns of implementing it incorrectly), and it is completely optional (not built in to React 19) and can be done via incremental adoption across an already existing application. In related news, Vercel (the creators of Next.js, the most popular React framework in the world) announced they had raised $250m in funding, and the company is currently valued at $3.25b. Just wow! While we can only assume some of that funding will go towards continuing to improve Next.js and their core business of web hosting, they also said they’ll continue to invest heavily in their v0 generative UI system, which currently generates copy-and-paste friendly React code using shadcn/ui and Tailwind CSS that people can use in their projects. Another popular JavaScript framework, Astro, made a splash as well with its release of Astro 4.8. In addition to the usual performance enhancements and bug fixes, it added experimental support for Astro Actions with niceties like full type-safety, a single global action file that any client component can access, automatically parsing form request objects using a Zod schema, and progressive enhancement on forms. Finally, the news wraps up with some new features that came out in the Safari 17.5 release. News: Paige - Astro Actions in v4.8 Jack - React Compiler , React Compiler Playground , Jack’s in-depth video of React Compiler TJ - Vercel raises $250m; valued at $3.25b Bonus News: TJ - Safari 17.5 What Makes Us Happy this Week: Paige - Parks and Recreation TV series Jack - How to ADHD book TJ - NYT games 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: const v. let & Effect 3.0 w/Special Guest Jason Lengstorf 53:44
53:44
Play Later
Play Later
Lists
Like
Liked53:44
On this episode of Front-End Fire we welcomed special guest Jason Lengstorf to chat about the news with us. We opened with a follow-up discussion of the let versus const debate from last week. Jack made a video (see below for link), and we had a bit of fun talking about the controversy. After that we introduced Effect, a library that dubs itself the missing standard library for TypeScript. Effect just had its first stable release, so we discussed what the library does, what sort of apps it works well in, and how in the world they raised over 2 million dollars in VC money. Finally, Jason walked us through his latest creative venture: 4 Web Devs 1 App. The concept, as the name implies, is getting four web developers together to build apps using the same technology. The behind the scenes though involves a full production team, over four terrabytes of files per video, and a ton of logistics. News: Jack - const vs. let TJ - Effect 3.0 Jason - 4 Web Devs 1 App Special Guest: Jason Lengstorf host of Learn with Jason and developer-focused media consultant. Jason’s X profile @jlengstorf Jason’s YouTube channel Learn with Jason site Jason’s link tree (jason.energy/links) What Makes Us Happy this Week: Jack - Lightroom TJ - Firefox power user kept 7,500 tabs open for two years Jason - Node.js 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 React 19, TypeScript 5.5, and GitHub Copilot Workspace Wants to Code For You 36:28
36:28
Play Later
Play Later
Lists
Like
Liked36:28
This week we’re all about beta releases and technical previews of AI that will make us even more productive coders. Since the release of React 18, just over 2 years ago, the React team’s been hard at work, and at the end of April, React 19 beta dropped on npm. This new version brings Server Components and Server Actions out from behind the canary channel, stating they are now stable and will not break between major versions going forward. In addition to this, v19 introduces Actions: hooks for supporting asynchronous functions in transitions like form submission, designed to handle pending, error and optimistic updates in the UI automatically. There’s also a new use API, which can use Suspense to wait for promises to resolve (or contexts to be available) before rendering, and it can be done conditionally (something that hooks cannot). Additionally, React 19 offers better hydration errors, support for documentation metadata, stylesheets, asynchronous scripts, preloading resources, and custom elements. It’s a lot to take in, but there are upgrade guides and code mods to help developers itching to get started trying out this latest version of React. Not to be outdone, TypeScript also released v5.5 beta as well! Highlights for this new release include: inferred type predicates (good for when you filter null values out of an array but TypeScript yells because it doesn’t realize you have), regular expression syntax checking (it can’t tell you if your regex will actually catch what you want it to, but will tell you if your expression is invalid), and type imports in JSDoc. And GitHub expands on the capabilities of Copilot with the announcement of GitHub Copilot Workspaces: a Copilot-native development environment. Within Copilot Workspaces, developers can brainstorm, plan, build, test, and run code in natural language. Inside of a GitHub repo or issue, devs can tell Copilot agents to formulate a plan to fix the error or build a new feature, Copilot Workspaces offers a plan based on its understanding of the entire codebase, issue replies, and more, and everything from its plan to the code is entirely editable. Once a user likes the plan, they can run the code directly in Copilot Workspace and tweak until happy with the final result. It’s a lofty goal to be sure (and won’t be perfect right off the bat), but in a few years time this could be the new way we all code. News: Paige - React 19 beta Jack - TypeScript 5.5 beta TJ - GitHub Copilot Workspace What Makes Us Happy this Week: Paige - Kevin Can F**k Himself TV series Jack - Depth of Field project TJ - Let me be lightning talk from Ryan Florence 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 Node 22, Hydrogen gets Remix(ed), and Vercel Backs Away from the Edge 36:36
36:36
Play Later
Play Later
Lists
Like
Liked36:36
There’s rarely a dull moment in the web development world and this week is no exception to that rule. The episode kicks off with an update on Shopify’s meta framework Hydrogen, which is now built on top of the open source framework, Remix, which Shopify acquired back in October of 2022. Hydrogen now has full Vite support and integration with the Vite plugins ecosystem, an overhaul of its SEO (now powered by Remix), full page caching, and a decrease in the CLI bundle size of 60%. Listeners may wonder why Shopify continues to develop both Hydrogen and Remix, and the general thought is that Hydrogen is targeted specifically to bigger ecommerce companies that need modern routing, data fetching, SSR, and easy to work with Shopify APIs. Node.js also released its latest version this month, and we’ve already reached v22. Amongst the improvements this version boasts, the most exciting one is probably the support for ESM through an experimental flag,which will eventually become the default. Long live ESM. In a surprising reversal of course, Vercel announced it’s reverting all edge rendering back to Node.js. Vercel first acknowledges it had too many different “Edge” products, which made it hard for developers to keep straight, but then also it became apparent that even when running a site itself “on the edge”, if the site needed to access a database, it most likely had to go back to a region farther away to fetch the data. Turns out, using Vercel’s original Node.js runtime resulted in faster startups, cheaper costs, and better security than edge functions. Who knew?? Today’s episode winds down with a few extra interesting bits of news: the FTC has announced a new rule to ban non compete agreements in the US, and a new feature from the popular React component collection shadcn called “Lift Mode”. “Lift Mode” essentially lets users pick and choose what code to copy from one of shadcn’s “blocks” (pre-made collections of components) for use in their own project. Pretty cool! News: Paige - Shopify’s Hydrogen gets Remix(ed) Jack - Vercel moves away from Edge computing TJ - Node.js 22 Bonus News: Lift Mode in shadcn FTC announced a new rule that bans noncompete agreements What Makes Us Happy this Week: Paige - Shogun TV miniseries Jack - 3 in 1 charging stand for Apple iPhone, watch, and AirPods TJ - Interview with a Senior JS Dev on YT 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 website Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: Figma’s Code Connect, Next.js 14.2, and New APIs in Chrome 124 37:17
37:17
Play Later
Play Later
Lists
Like
Liked37:17
The episode starts off with news about Figma’s new Code Connect feature. Code Connect is the bridge between a design system’s component code and Figma, so when viewing components in Figma’s Dev Mode, they’ll have the same real world code that the design system relies on, and Code Connect can also map properties from code to Figma, enabling dynamic and correct snippets. The catch? This sweet new feature is only available to users who are on Figma’s Organization and Enterprise plans. We continue the news with the release of Next.js 14.2, which has moved Next’s Turbopack (the speedier successor to Webpack) into the release candidate stage with 99.8% of integration tests passing, and all Next.js examples working with it. Other improvements include tree-shaking, optimized CSS, better caching, and improved readability of error messages and stack traces in local development. The Google Chrome team is back with new updates packed into Chrome v124. There’s two new APIs for handling HTML when a declarative shadow DOM is included in the(primarily used for encapsulation and component-based development). A new websocket stream API designed to make it easier for web sockets to handle a large volume of incoming messages without getting overwhelmed. And the view transitions API gets two new helper functions as well: view transition momentum and document render blocking. After its breakout year last year, the view transitions API seems to have some unstoppable forward momentum. And to wrap it up, we have another newcomer to the JavaScript package management games: VLT. There’s not a lot to share about VLT so far (there’s a waitlist sign up now for early access), but it’s helmed by some folks who played key roles in the creation of npm, Node.js and the GitHub CLI, and backed by some very big names in the JS world. It’s early days yet, but we’ll keep you posted as more details around VLT emerge. News: Paige - Chrome 124 updates Jack - Figma releases Code Connect TJ - Next.js 14.2 Bonus News: VLT enters the JS package management fray What Makes Us Happy this Week: Paige - Hamilton Beach crock pot Jack - Civil War movie and Fallout TV series TJ - Spring weather and Blues Starnote Thanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, reach out to us via email or Tweet us on X @front_end_fire. Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: Smaller images via Jpegli, Val Town Raises $5.5M, and Declarative Routing in Next.js 30:04
30:04
Play Later
Play Later
Lists
Like
Liked30:04
The group dives into the week’s news right away, starting off with a new open source project from Google called Jpegli. Jpepgli is a new JPEG coding library, which claims to compress images up to 35% smaller while also being able to deliver JPEGs in even higher quality than what is currently available today. The GitHub repo the article links to still looks to be in the early stages of development, but this could be a new solution for JPEGs, which traditionally can take quite a bit to load in the browser depending on their size and resolution. The next topic for discussion is a company called Val Town that’s raised $5.5M in funding. The premise is that users can write small snippets of code in Val Town’s online platform and Val Town will run them in serverless functions and do things like send HTTP requests, run scheduled cron jobs, send emails, and users of the platform can see the “vals” and comment on them, like them, etc. It remains to be seen how much traction this will generate in the web development world, but it seems like an interesting concept lowering the barrier to entry for folks who aren’t coding professionals. Jack shares his new declarative routing library for Next.js as another interesting bit of news for the week. Type safe routing in packages like React Router and Tanstack Router are becoming the preferred method of writing routes, but it’s still a very manual process without a lot of autocompletion and input validation that we’ve come to expect in TypeScript code today, and the Declarative Routing library aims to bring that same level of comfort and coding niceties to routes in Next.js. It’s also OSS, so if you’re interested in contributing to open source, check it out! Finally, Cloudflare made the announcement that they’ve acquired OSS platform PartyKit. PartyKit, started by former Cloudflare employee Sunil Pai, is focused on making real-time, collaborative, multiplayer functionality within apps easy. It handles that aspect through the use of Cloudflare Durable Objects and Cloudflare Workers, so that developers can focus on the logic that makes their apps unique, and it seems like a well-made match to bring PartyKit under the official Cloudflare umbrella. The future roadmap is focused on integrations with popular frameworks like React, Vue, and Angular, so expect to hear more about this in the future. News: Paige - Google introduces Jpegli, a new JPEG coding library Jack - Jack Herrington’s declarative routing library TJ - Val Town Raises $5.5M Bonus News: Cloudflare acquires PartyKit What Makes Us Happy this Week: Paige - Fallout TV series Jack - Photography TJ - The Guest List Thanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, reach out to us via email or Tweet us on X @front_end_fire. Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: Signals in JS, RSCs in Storybook 8, and Bun Hits Windows in v1.1 42:05
42:05
Play Later
Play Later
Lists
Like
Liked42:05
Signals have been around in the JavaScript world as early as 2010 when Knockout.js first introduced them, but the past few years they’ve been picking up steam among JS frameworks as a way to effectively manage application state so that developers can focus on the business logic parts of their apps. Now there’s a proposal to make Signals part of the native JavaScript ecosystem, and it’s being backed by some well-known frameworks like Angular, Svelte, Vue, and more. Storybook 8 has introduced experimental support for React Server Components. It is noted that server side actions are still only available in Next.js, but it’s great to see RSCs continuing to gain more traction in the world. Bun reached v1.1 recently, and while this isn’t usually a big milestone, for Bun it is, because it now supports Windows (and boasts impressive speeds for performance test metrics we’ve come to expect from JS runtimes) and offers a slew of improved Node.js compatibilities. As Bun says itself, it aims to be a drop-in replacement for Node, and if it keeps adding features, support, and speed gains like this, it very well might win that battle. Finally, the discussion wraps up with some smaller news stories like Angular and Wiz officially announcing they’ll become one, a lesser known Redux hook that can stand in for complicated useEffect calls, and a crazy, years-long Linux hack that almost made it into the major Linux distributions before it was caught. News: Paige - Proposed signals in JS Jack - RSC support in Storybook 8 TJ - Bun 1.1 Bonus News: Redux createListenerMiddleware avoids using useEffect It’s official: Angular and Wiz unite The crazy XZ hack What Makes Us Happy this Week: Paige - Daylight Uno Table Lamp Jack - Govee Warm White LED Strip Lights TJ - Open source! And Paige’s asset tracker repo . Thanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, reach out to us via email or Tweet us on X @front_end_fire. Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 Wangular, RedwoodJS on the RSC Bandwagon, Modern CSS 42:16
42:16
Play Later
Play Later
Lists
Like
Liked42:16
It turns out we had a lot of news to cover in this week’s episode. We kicked it off discussing how RedwoodJS is the latest framework to support React Server Components, and has some pretty nice illustrated docs to help devs get started. Then, there was a rapid fire of interesting topics including a great new article about modern CSS from Mr. CSS Tricks himself, Chris Coyier, a new documentary film on the origin story of Node.js from the team that created the React and Ruby on Rails documentaries as well, and a footnote about a new antitrust case the US Department of Justice has leveraged against Apple. At NG Conf earlier in the week, it was announced Google’s internal framework Wiz might be combining with Angular after the two teams successfully worked together to launch Angular signals primitives for 100% of YouTube’s mobile web traffic to great effect. We can only hope the resulting combined framework is renamed to Wangular. And to round it all out, yet another CSS framework has popped up claiming to have all the answers to the ever pervasive feeling that CSS is hard. Will Nue CSS have the good to back up its claim? We’ll have to wait and see, and give the new Promise.withResolvers a spin in the meantime. News: Paige - Wiz and Angular combine forces Jack - RedwoodJS supports RSCs TJ - What You Need to Know About Modern CSS , DOJ antitrust case against Apple , and Node.js: The Documentary | An origin story Bonus News: Nue CSS Promise.withResolvers() MDN Docs and a helpful explainer tweet from Wes Bos What Makes Us Happy this Week: Paige - Masters of the Air TV series Jack - Learning stuff! Like vector DBs TJ - Booking tours of the U.S. Capitol and White House through local reps Thanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, reach out to us via email or Tweet us on X @front_end_fire. Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: Google’s New Web Vitals, AnalogJS Reaches 1.0, and is CSS-from-JS a Thing? 37:29
37:29
Play Later
Play Later
Lists
Like
Liked37:29
CSS-in-JS has been around for years now, but have you tried JS-from-CSS? This week we talk about the new alternative trend sweeping through the web development community: writing only CSS to create a fully styled and typed React component. Two early frontrunners in this race are MistCSS and Stylin, and we’ll keep an eye out for if this new twist on writing JSX components catches on. AnalogJS, the meta-framework for Angular we covered several months ago, announces release 1.0 with all the bells and whistles we’ve come to expect from other meta frameworks: Vite integration, filesystem routing, SSR/SSG, server routes, tRPC support, etc. and plans for future integrations with libraries like Astro, Nx, Vitest and Storybook. Chrome officially replaces the First Input Delay (FID) web vital metric with Interaction to Next Paint (INP) to try to do a better job of evaluating a webpage’s performance beyond just the first user interaction. And to round the episode out, an API that is pure fun to play with on the demo site: Emojispolsion. It’s worth a look just to see how creative the demos get (hint: the very last one is extra far out). News: Paige - AnalogJS 1.0 Jack - MistCSS and Stylin TJ - Interaction to Next Paint (INP) is a Core Web Vital (check your own site at pagespeed.web.dev ) and Chrome Perf Tooling in 2024 Bonus News: Emojispolsion API demo site What Makes Us Happy this Week: Paige - iPhone 15 Pro and Dune: Part Two Jack - Downfall: The Case Against Boeing documentary and https://www.ismyplanea737max.com/ TJ - NCAA tournament Thanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, reach out to us via email or Tweet us on X @front_end_fire. Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: Astro Adds Databases, Pigment CSS, and Speedometer 3.0 Browser Testing 35:24
35:24
Play Later
Play Later
Lists
Like
Liked35:24
In this episode, we explore the latest in web development with Astro unveiling Astro DB, a fully managed, blazing fast SQL-based database that is “ridiculously easy to use.” Next, you may not know the name, but Speedometer just released version 3.0, which further solidifies its status as the browser benchmark for web app responsiveness. Next up is Pigment CSS, a zero-runtime CSS-in-JS solution from the makers of the Material UI component library that works with Next.js’ app router and React Server Components. And to cap it all off, we’ve got new details about Rolldown, the Rust-based version of Rollup, and Chris Coyier’s honest thoughts about what happened to his CSS Tricks site after it was acquired. News: Paige - Astro DB Jack - Pigment CSS TJ - Speedometer 3.0 announcement. Run the test yourself . Bonus News: Rolldown - the Rust-based JS bundler is in beta Chris Coyier’s take on CSS Tricks What Makes Us Happy this Week: Paige - Elgato Prompter Jack - Big Shark movie TJ - Dune 2 movie Thanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, reach out to us via email or Tweet us on X @front_end_fire. Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 News: Vercel’s New AI SDK 3.0, Tailwind CSS Goes Open Source, and Safari 17.4 34:03
34:03
Play Later
Play Later
Lists
Like
Liked34:03
Today we discuss Vercel’s latest offering: AI SDK 3.0, which streams React components from LLMs to deliver richer user experiences than text-only chatbots. Then we dive into the world of modern styling as Tailwind CSS drops its latest gem - version 4.0, now open source for community exploration. And then finally we talk about the latest improvements in Safari 17.4. Plus, stay tuned for Elon Musk’s legal saga with OpenAI and the Indian government’s new stance on AI model updates. News: Paige - Tailwind CSS v4 goes open source Jack - Vercel’s AI SDK 3.0 with Generative UI support TJ - Safari 17.4 upgrades Bonus News: Elon Musk Suing OpenAI India requiring government approval for AI model updates What Makes Us Happy this Week: Paige - Springtime is coming Jack - Warrior TV series TJ - Dune movie Thanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, reach out to us via email or Tweet us on X @front_end_fire. Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 A new React component library, Google’s cloud-based IDE, and an RSC debugger 26:14
26:14
Play Later
Play Later
Lists
Like
Liked26:14
News: Paige - Radix UI themes - an OS component library for React Jack - RSC Parser TJ - Google announces Project IDX What Makes Us Happy this Week: Paige - Meater BBQ Oven Mitts Jack - XP-Pen + Screenbrush TJ - Michigan’s Upper Peninsula Join Us: Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 The Death of Jamstack, the Rise of HTMX, and Another AI Assistant 26:15
26:15
Play Later
Play Later
Lists
Like
Liked26:15
News: Paige - StackOverflow launched Overflow AI Jack - HTMX TJ - Is Jamstack Officially Finished? Bonus news: Introducing react-tweet What Makes Us Happy this Week: Paige - Roller coasters Jack - The Barbie Movie TJ - Algolia search Join Us: Blue Collar Coder on YouTube Blue Collar Coder on Discord Reach out via email Tweet at us on X @front_end_fire…
F
Front-End Fire

1 Dan Abramov leaves Meta, GitHub Copilot Chat, and native browser view transitions 34:28
34:28
Play Later
Play Later
Lists
Like
Liked34:28
News: Paige: Dan Abramov is leaving Meta: https://twitter.com/dan_abramov/status/1682029195843739649 Jack: GitHub Copilot Chat is now available for enterprise dev teams: https://github.blog/2023-07-20-github-copilot-chat-beta-now-available-for-every-organization/ TJ: Zero-JavaScript page transitions coming to Astro https://twitter.com/astrodotbuild/status/1683514985115426817 , https://docs.astro.build/en/guides/view-transitions/ What Makes Me Happy this Week: Paige - The Witcher Season 3 on Netflix https://www.netflix.com/title/80189685 Jack - Star Trek Strange New Worlds on Paramount+ https://www.imdb.com/title/tt12327578/ TJ - Pokemon Sleep https://www.pokemon.com/us/app/pokemon-sleep/ Join Us: Blue Collar Coder on YouTube: https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw Blue Collar Coder on Discord: https://discord.com/invite/ddMZFtTDa5…
Welcome to Player FM!
Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.