Front-End Fire | Podcast kostenlos online hören

Verfügbare Folgen

5 von 85

TanStack Form v1, ByteDance Debuts Lynx, & VS Code AI Levels Up
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 highlightsJack - TanStack Form hits v1TJ - LynxBonus News:Tailwind UI becomes Tailwind PlusVibecodingFire Starters:Invoker Commands APIWhat Makes Us Happy this Week:Paige - Visiting Greenville, SCJack - Prime Target TV seriesTJ - Pokémon GOThanks 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 websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.comSubscribe to our YouTube channel @Front-EndFirePodcast
--------
42:01
Our AI Tool Preferences, Claude Code, & create-tsrouter-app Goes Solid
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 2025Jack - create-tsrouter-app updates (Solid, add-ons, MCP support)TJ - Claude Sonnet 3.7 and Claude CodeBonus News:Bonus News:First impressions of Bolt.new + Exporeact-scan 0.2React ExplorerWhat Makes Us Happy this Week:Paige - Breville InFizz AquaJack - Adrian’s Digital Basement YT channelTJ - ClaudePlaysPokemonThanks 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 websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.comSubscribe to our YouTube channel @Front-EndFirePodcast
--------
44:43
TraeAI Enters the IDE Wars, CRA’s Successor, and Bolt.new + Expo
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-appTJ - TraeAIBonus News:Microsoft Says It Has Created a New State of MatterESLint supports CSS lintingFire Starters:CSS text-box-trimWhat Makes Us Happy this Week:Paige - Drop Stop car seat gap fillerJack - 3D printingTJ - Onyx StormThanks 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 websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.comSubscribe to our YouTube channel @Front-EndFirePodcast
--------
48:49
State of React Results, TypeScript 5.8, and v0 Upgrades
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 flagJack - v0 can now import Tailwind config and Figma filesTJ - State of React 2024 survey resultsBonus News:Angular: The DocumentaryAstro 5.2Fire Starters:CSS hanging-punctuationWhat Makes Us Happy this Week:Paige - A Man on the Inside TV seriesJack - Strings of bee lightsTJ - Heated glovesThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire and BlueSky.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.com
--------
40:28
MCP AI Tools, OpenAI’s Deep Research, and React 19 Breaks CRA
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 agentJack - Model Context Protocol (MCP) on Cursor and WindsurfTJ - Create React App and React 19 (and here’s the issue to add Astro to the React docs)Bonus News:Dan Abramov leaves BlueskyOracle v. Deno trademark updateGitHub Copilot introduces agents with Copilot EditsFire Starters:CSS position stickyWhat Makes Us Happy this Week:Paige - Handheld compressed air dusterJack - Finishing LED movie poster RPi projectTJ - Cannondale Topstone bikeThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire and BlueSky.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.com
--------
50:30