Interview: ADHD and Web Development with Chris Ferdinandi

Front-End Fire

Player FM - Internet Radio Done Right

0-10 subscribers

اضافه شده در two سال پیش

محتوای ارائه شده توسط TJ VanToll, Paige Niedringhaus, Jack Herrington, TJ VanToll, Paige Niedringhaus, and Jack Herrington. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط TJ VanToll, Paige Niedringhaus, Jack Herrington, TJ VanToll, Paige Niedringhaus, and Jack Herrington یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal

Just Sleep - Bedtime Stories for Adults

1
Sherlock Holmes: The Adventure of the Greek Interpreter 43:31

14 روز پیش43:31

پخش در آینده

لیست ها

پسندیدن

دوست داشته شد

43:31

Tonight's bedtime story is a Sherlock Holmes mystery by Arthur Conan Doyle. Support the podcast and enjoy ad-free and bonus episodes. Try FREE for 7 days on Apple Podcasts. For other podcast platforms go to https://justsleeppodcast.com/support Or, you can support with a one time donation at buymeacoffee.com/justsleeppod Order your copy of the Just Sleep book! https://www.justsleeppodcast.com/book/ If you like this episode, please remember to follow on Spotify, Apple Podcasts, or your favourite podcast app. Also, share with any family or friends that might have trouble drifting off. Goodnight! Hosted on Acast. See acast.com/privacy for more information.…

حدود یک سال پیش 54:14

MP3•خانه قسمت

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:

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.

109 قسمت

#Tech #TJ VanToll, Paige Niedringhaus, Jack Herrington #Jack Herrington #Paige Niedringhaus #TJ VanToll

Front-End Fire

Interview: ADHD and Web Development with Chris Ferdinandi

Front-End Fire

0-10 subscribers

published حدود یک سال پیش

اشتراک گذاری

MP3•خانه قسمت

Vanilla JS author Chris Ferdinandi joins the podcast this week to talk about how having ADHD has affected his career in web development.

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:

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.

109 قسمت

#Tech #TJ VanToll, Paige Niedringhaus, Jack Herrington #Jack Herrington #Paige Niedringhaus #TJ VanToll

همه قسمت ها

Front-End Fire

1
TanStack DB: Reactive Apps Without Firebase 45:34

۶ روز پیش45:34

45:34

In this episode: Did Cloudflare catch Perplexity lying? Vercel just dropped AI SDK version 5 TanStack alpha released its DB library, is it a new ORM, or something else... Timestamps: 00:53 - Drama between Cloudflare and Perplexity 09:15 - Vercel AI SDK 5 15:23 - TanStack DB update 19:28 - GPT-5 25:23 - A not-so-great Windsurf & Cognition update 30:51 - What’s making us happy Links: Paige - Vercel AI SDK 5 Jack - TanStack DB TJ - Drama between Cloudflare and Perplexity OpenAI GPT-5 arrives A not-great Windsurf & Cognition update Illinois blocks AI from being your therapist A Guide To Hover And Pointer Media Queries (Smashing Magazine) Paige - The Retrievals podcast Jack - Creality CR-Scan Otter 3D Scanner TJ - People I (Mostly) Admine 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…

Front-End Fire

1
Is es-toolkit the Lodash Killer? 47:54

13 روز پیش47:54

47:54

There’s a new utility library in town called es-toolkit, and it’s gunning for Lodash. 2-3x faster, 97% smaller, full TypeScript support, and using modern JavaScript APIs, es-toolkit’s just added a “Lodash compatibility layer” to ensure an identical API and 100% Lodash compatibility. oRPC is the newest wrinkle in the Remote Procedural Call (RPC) world, and it promotes easy to build APIs that are end-to-end type-safe and adhere to OpenAPI standards. Stack Overflow’s 15th developer survey results are in, and the learnings are... interesting. Some of the takeaways are expected (React’s still very popular, lots of devs have at least tried AI tools), but some seem willfully wrong (SO claims it’s a new resource for devs that need to solve AI-related issues, but 43% of respondents said they rarely or never visit the site anymore). Either way, SO’s use has declined dramatically over the last few years due to the rise of AI, and we’ll see how much longer it can hang on as a vital part of the developer ecosystem. Timestamps: 0:57 - es-toolkit update 7:46 - oRPC 17:13 - Stack Overflow Developer Survey 31:43 - Bolt hackathon winners 34:11 - Microsoft Edge Copilot Mode 38:46 - State of HTML survey 39:30 - What’s making us happy Links: Paige - es-toolkit is coming for Lodash Jack - oRPC TJ - Stack Overflow 2025 survey results Bolt hackathon winners Microsoft Edge Copilot Mode State of HTML survey Paige - Monopoly Deal card game Jack - Gridfinity 3D printed grid storage system TJ - NY Times Games App 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…

Front-End Fire

1
Is Open Source Software Infrastructure? 45:42

20 روز پیش45:42

45:42

GitHub is advocating for a European Union Sovereign Tech Fund to help pay the open source software developers building and maintaining software relied upon by economies and societies just like any other necessary infrastructure like roads and bridges. Apple gets called out by the Open Web Advocacy group saying its technical rules and restrictions are blocking other browser vendors from successfully offering their own search engines to iOS users in the EU. Last episode we talked about Amazon’s new AI coding editor Kiro, and this week, we learned about a feature called Agent Hooks which let users write automation tools that agents can use within the IDE to do predefined actions like maintaining code quality, checking for security vulnerabilities, standardizing and enforcing team processes, and more. Think of it like pre-commit hooks but with AI behind them! Timestamps: 0:51 - GitHub is advocating for an EU tech fund 9:21 - An update on non-WebKit browsers on iOS 15:30 - Kiro’s agent hooks 26:28 - Kilo Code 28:35 - eslint-config-prettier got hacked 33:15 - @media(hover: hover) 36:05 - What’s making us happy Links: Paige - GitHub is advocating for an EU Sovereign Tech Fund Jack - Kiro’s Agent Hooks TJ - An update on non-WebKit browsers on iOS Kilo Code - open source AI agent VS Code extension (not to be confused with the Kiro fork) Popular npm package eslint-config-prettier got hacked @media(hover:hover) Paige - Relax Meditation app Jack - Physical books like the Annihilation series TJ - Apple Watch series 10 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…

Front-End Fire

1
Windsurf’s 72-Hour Power Shuffle 51:38

27 روز پیش51:38

51:38

There are so many headlines about AI IDE Windsurf as of late, but we’ll try to catch you up. First, OpenAI wanted to buy Windsurf for $3B, but the deal fell through due to Microsoft. Next, Google hired Windsurf’s top execs and researchers to work on its AI products, but didn’t buy the Windsurf IDE, for $2.4B. Then, Cognition bought the remainder of Windsurf’s IP (and its staff) to integrate into its own products like Devin. And did we mention this all happened in the span of 72 hours? Amazon released its own AI-powered IDE called Kiro, and it claims it will bring structure to vibe-coding with "specs" to appeal to the enterprise companies. Kiro transforms prompts into structured specifications, technical designs, and implementation plans complete with testing. Next.js 15.4 debuted with a few notable highlights like 100% integration test compatibility for its new Turbopack bundler, and an experimental feature flag called `browserDebugInfoInTerminal` that will forward browser console output to the local terminal so CLI coding agents and AI IDEs like Cursor can see (and fix) client side errors. That sounds super useful. Timestamps: 1:07 - Windsurf drama explained 11:28 - Amazon’s new Kiro editor 26:29 - Next 15.4 33:33 - Figma’s new glass effect 39:19 - Lee Robinson leaves Vercel 41:09 - What’s making us happy Links: Paige - Next.js 15.4 , including `browserDebugInfoInTerminal` flag for AI agents Jack - Kiro AI IDE for spec-driven development TJ - OpenAI’s Windsurf deal falls through - and Windsurf’s CEO is going to Google Lee Robinson leaves Vercel after 5 years Figma has Glass Effect Paige - The Will of the Many novel Jack - Ninja Single Serve coffee maker and SF Bay Coffee compostable K-cups TJ - Tabletop shuffleboard 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…

Front-End Fire

1
Vercel Acquires Nuxt and Nitro 41:28

۵ weeks پیش41:28

41:28

Tech companies continue the acquisition spree of the summer when Vercel announces it’s hired the creators of NuxtLabs, the folks who build metaframework Nuxt and server runtime Nitro. Figma returns to the newscycle with the introduction of its Dev Mode MCP server. This server allows agentic coding tools to pull in design context directly from Figma designs. Think: getting code, image, or variable context for a specific design selection or even porting over Figma designs directly into a code base for use. The AI browser race heats up as both OpenAI and Perplexity make news with announcements and early access for their own AI-powered web browsers. Details are limited but both companies are putting their AI search engines front and center to try and steal some Google Chrome’s market share. In this week’s Lightning News, there’s a new framework for building and shipping MCP applications called Xmcp. Focused on developer experience, Xmcp claims you can bootstrap an MCP server from scratch or plug it into an existing Next.js or Express app with one simple command. Finally, the Fire Starters section is back this week with the debut of CSS conditional if() statements in Chrome v137. Out of the box, if() works with style(), media(), and support() queries, and unlocks things like state-based styling with very straightforward syntax that uses a series of condition-value pairs, and even allows for an else statement at the end. Timestamps: 1:13 - Vercel acquires NuxtLabs 5:54 - Figma releases an MCP Server 13:41 - OpenAI and Perplexity announce browsers 26:08 - Xmcp framework 29:06 - CSS conditions with if() 33:05 - What’s making us happy Links: Paige - NuxtLabs joins Vercel Jack - Figma Dev Mode MCP server TJ - Upcoming web browsers from OpenAI and Perplexity . Xmcp framework for building MCP applications CSS conditionals with if() statements Paige - Somebody Feed Phil TV series TJ - Murderbot 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…

Front-End Fire

1
Cloudflare Drops the Hammer on AI Crawlers 40:56

۶ weeks پیش40:56

40:56

The big tech company conferences continued this summer with Vercel hosting Vercel Ship 2025. As you’d expect there was lots of talk about AI and Vercel’s AI Cloud: tools, infrastructure, and platform enhancements to build AI agents and help AI agents use Vercel. On July 1, hosting platform Cloudflare declared Content Independence Day, and changed its settings to block AI crawlers by default unless they pay creators for their content. While we absolutely support this move, Cloudflare’s future vision of a marketplace where content creators and AI companies come together and compensation is based on how much content “furthers knowledge” seems idealistic, but we’ll have to wait and see. Serverless Postgres database company Neon has a new product called Neon Launchpad that can create an instant Neon database with zero configuration or account creation. Users get an automatically generated connection string, 72 hours to claim a new database, and even automatic database seeding with SQL scripts for schema and data initialization. Timestamps: 2:13 - Vercel Ship event updates 7:49 - Cloudfare declares content independence day 16:12 - Neon Launchpad 20:03 - Figma IPO 22:24 - Deno v. Oracle trademark update 25:10 - Antropic lets Claude run a vending machine 32:21 - What’s making us happy Links: News: Paige - Cloudflare declares July 1 Content Independence Day Jack - Neon Launchpad instant DBs TJ - Vercel Ship 2025 Lightning : Figma has filed for an IPO to trade on the stock exchange as “FIG” Claude ran a vending machine, and the first attempt at “vibe management” wasn’t great Deno v. Oracle trademark update What Makes Us Happy this Week: Paige - Squid Game season 3 Jack - F1: The Movie TJ - Bobby Banilla Day 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…

Front-End Fire

1
Battle of the AI CLIs: Jack Tests Them All 45:36

۷ weeks پیش45:36

45:36

The field of AI coding agent CLIs is crowded and getting more so by the day, and our co-host Jack has tried them all so you don’t have to. The big four are: OpenAI’s Codex, Anthropic’s Claude Code, Google’s Gemini Code, and Amazon Q, along with some lesser known CLIs like AmpCode, OpenCode, and (the already shut down) Anon Kode. After trying everything, Jack says Anthropic’s Sonnet models and Claude Code are still the best. Google’s quietly been working on new LLM-powered web APIs that rely on Google’s Gemini Nano model to power browser features like language detection and translation, and writing and proofreading, and Mozilla is concerned devs will create apps based on Gemini’s behavior. Less than two months after Figma’s big Config conference, it shared it's acquired OS headless CMS Payload. Continuing the effort to make Figma a central hub for digital product creation, Figma’s adding a CMS to the mix so marketers and designers can more easily update website content as needed. Timestamps: 1:01 - Jack’s AI tool roundup 10:34 - Mozilla’s concerns about Google building AI into Chrome 19:16 - Figma buys Payload 24:22 - Firefox gets vertical tabs 27:15 - Jack’s macOS 26 experiment goes wrong 30:36 - Anthropic destroys millions of print books 38:06 - What’s making us happy Links: Paige - Figma buys CMS Payload Jack - State of the AI CLIs: Codex , OpenCode , AmpCode , Gemini Code , Claude Code , Amazon Q TJ - Mozilla’s concerns about Google building AI into Chrome Lightning News: Firefox v140 Jack's MacOS 26 upgrade gone wrong Anthropic destroyed millions of print books to build its AI models What Makes Us Happy this Week: Paige - Rock Paper Scissors novel Jack - Tamolitch Falls and Final Destination movie series TJ - Watkins Glen State 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 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…

Front-End Fire

1
Oxlint 1.0: The Linter That Leaves ESLint in the Dust 35:29

۸ weeks پیش35:29

35:29

In this episode: Linting is getting a whole lot faster with Oxlint Your browser is becoming part of your wellness routine And Copilot is getting more agentic features Chapter Markers: 1:05 - Oxlint 7:05 - Opera Air 11:24 - GitHub Copilot coding agent 18:45 - More Remix v3 updates 23:56 - What makes us happy Links: Paige - void0's Oxlint 1.0 Jack - Wellness stuff in Opera’s Air Browser TJ - GitHub Copilot coding agent in public preview Lightning News: Remix v3 goes further off the rails, names itself “spiritual successor to the web” What Makes Us Happy this Week: Paige - ALookBackInHistory Instagram account Jack - Spiritfarer game TJ - Formula 1: Drive to Survive TV 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 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…

Front-End Fire

1
Rolldown-Vite: Evan You Just Made Vite 16x Faster 44:01

۹ weeks پیش44:01

44:01

We first reported on Evan You’s company void0 back in October, 2024, and now Evan and co are making good on their promise to rework the entire JS toolchain from the ground up with the release of Rolldown-Vite. The new package is a drop-in replacement for the Vite bundler we all know and love, with benefits like production build time reductions of up to 16x and memory usage decreases of up to 100x. Replacement is easy and the perf gains are real. Try it today. Apple just held WWDC25 and announced big updates in Safari 26 beta. Favicons get replaced with SVG icons, any website can be a web app on iOS and iPadOS, there’s a brand new HTML element for visionOS, CSS anchor positioning for popovers is supported as well as scroll-driven animations, and much more. Suffice it to say, Safari’s got some slick new features under the hood. The jury is still very much out on the gooey, glassmorphic UI design that Apple also unveiled at WWDC, however. The Browser Company, who made the niche, but well liked Arc browser, has been working on a new AI-first browser called Dia, and this week it’s available early access for Arc Members. At first glance Dia feels similar to other “agentic” browsers, giving users a chat input and the ability to chat about content in tabs or links, but it also shows off skills like connecting to calendars to schedule meetings or composing text that can be inserted into emails. We’ll report back after we’ve had a chance to test Dia out for a bit. Chapter markers: 1:00 - void0’s Rolldown-Vite 5:52 - Safari 26 beta 21:26 - Dia, the new AI-browser from The Browser Company 29:38 - Cursor raises $900 million Links: Paige - void0's Rolldown-Vite Jack - Dia, the new AI-browser from The Browser Company TJ - Safari 26 beta Lightning News: Cursor raises $900 million What Makes Us Happy this Week: Paige - Paradise TV series Jack - Ballerina movie TJ - Apple Vision Pro on The Price is Right 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…

Front-End Fire

1
The Browser Company Kills Arc 49:20

10 weeks پیش49:20

49:20

OpenAI has a new API in beta called the Realtime API, which enables speech conversations with LLMs. Real-time text and audio processing means users can have conversations with voice agents and voice-enabled apps, and OpenAI makes it simple to connect via WebRTC or WebSockets. Several months ago, The Browser Company, abruptly announced they were stopping work on Arc browser in favor of building a completely new, AI-first browser called Dia. Now, the company’s CEO has released a letter detailing why these decisions were made and what the future holds for The Browser Company. Details on Dia are vague, but the team is optimistic they can build “a true successor to the browser”. AI-enabled coding IDE Cursor hit v1.0, this week with a bunch of notable features. Notable highlights in this release include: BugBot, which automatically reviews PRs and identifies bugs and issues, Background Agent (Cursor’s remote coding agent) for all users, Memories to help Cursor remember facts and conversations within projects for future use, and one-click MCP install and OAuth support. Timestamps: 1:10 - OpenAI’s realtime agent API 10:03 - The Browser Company Kills Arc 16:53 - Cursor 1.0 28:04 - Codex gets internet access 31:09 - React Router’s open governance 34:18 - Fire Starter 39:55 - What’s making us happy News: Paige - Cursor 1.0 Jack - OpenAI’s Realtime Agent for AI chat TJ - The Browser Company stops developing Arc Lightning News: React Router Open Governance Codex gets access to the internet Fire Starter: console.log formatting strings What Makes Us Happy this Week: Paige - Clarkson’s Farm season 4 Jack - Shokz OpenRun Pro 2 headphones TJ - Rotary cheese grater 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…

Front-End Fire

1
Zod v4: Prettier, Better, Faster, Smaller 53:59

11 weeks پیش53:59

53:59

It’s been 4 years since TypeScript schema validation library Zod released v3, but the new v4 release makes it worth the wait. Expect faster parsing times across the board, built in error pretty-printing, and even a tree-shakeable API called Zod Mini for constrained environments like edge runtimes. There’s a new npm-based CLI tool for managing and sharing AI rules across different editors and tools called vibe-rules. In addition to saving favorite prompts so they can be applied to any supported editor, vibe-rules can also automatically install prompts shared in a project’s NPM packages into an editor’s configuration. It’s early days yet, but a great idea to make prompts easier for anyone to use. Angular v20 is out with some much anticipated highlights. Stabilized signal-based APIs, incremental hydration, custom Angular reporting directly in Chrome DevTools, GenAI development advancements, and, last but not least, a RFC for an official Angular mascot. Not to bias you, but we favor the pink, dice-shaped mascot around here. In this episode: 1:10 - Zod v4 5:50 - vibe-rules 15:12 - Angular 20 27:03 - Remix v3 31:32 - Stack Overflow’s Annual Dev Survey 38:02 - Firefox and Temporal 39:15 - Bolt’s hackathon status News: Paige - Zod v4 Jack - vibe-rules TJ - Angular 20 Lightning News: Remix v3 updates Firefox is the first browser to support Temporal ( Temporal on MDN ) StackOverflow’s Annual Dev Survey is out now Bolt’s hackathon starts What Makes Us Happy this Week: Paige - Annual Gloucestershire cheese rolling race and Wiki history Jack - The Portland Pickles baseball game TJ - StoryGraph and The God of the Woods 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…

Front-End Fire

1
VS Code Open Sources GitHub Copilot Chat 37:26

12 weeks پیش37:26

37:26

This week both Google and Microsoft held conferences where they announced all the new, great AI breakthroughs, but there were a few other notable, web dev-focused pieces in between. VS Code announced it will be open sourcing the GitHub Copilot Chat extension, refactoring relevant components into its core codebase, as the next logical step “in making VS Code an open source AI editor.” Microsoft has floated a new idea called “NLWeb” to make it easier for websites to turn themselves into AI apps using an LLM model and their own data. While this sounds interesting, it’s very early days yet and is not ready for prime time. A blog post from Remix creator Ryan Florence leaked earlier this week, and in it, Ryan shares that Remix v3 will move away from using React. The usual criticisms of React are present, and so Remix v3 will be completely new with a focus on a framework that’s AI friendly and leveraging all the Web APIs available today. News: VS Code is open sourcing its AI chat extension Remix’s “Declaration of Independence” blog leaked And Microsoft introduces yet another AI standard Lightning News: Satya Nadella and podcasts Introducing Claude 4 What Makes Us Happy this Week: Paige - Daredevil: Born Again TV series Jack - Baseball team Portland Pickles’ Red Head Appreciation Night TJ - The Philadelphia Inquirer’s summer reading list 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…

Front-End Fire

1
GraphQL and AI with Apollo CTO Matt DeBergalis 47:19

13 weeks پیش47:19

47:19

CTO and co-founder of Apollo, Matt DeBergalis, joins us on this episode to talk about how GraphQL has continued to evolve over time, and how Apollo is focused on making it more accessible for developers and AI agents than ever before. For those less familiar with Apollo and GraphQL, Matt shares the history of both, including lessons he learned from founding the company Meteor that helped him while building Apollo. We discuss how even though GraphQL is making less headlines than it was a few years ago, it’s really begun to find its niche within larger organizations that have hundreds or even thousands of APIs and databases underpinning their many applications, and how Apollo has continued to evolve so that it can support APIs, serverless functions, and SQL- or no SQL-databases, with little extra code needed to make these different data sources work together. Matt also highlights the benefits of a GraphQL schema for AI agents and MCP servers, sharing how the agents are generally very good at parsing the schemas and understanding how to leverage queries against the interface to retrieve the data they need. While we’ve had tech stacks in the past like LAMP and MERN, this new addition of AI to the development mix provides a unique opportunity to redefine the stack once more, and GraphQL could be a very good piece to include. Special Guest Matt DeBergalis, CTO and co-founder of Apollo Relevant Links: Apollo GraphQL website Apollo GraphQL YouTube Apollo GraphQL LinkedIn Apollo GraphQL on X Matt on GitHub Matt on X Matt on Medium Matt on LinkedIn What Makes Us Happy this Week: Paige - The Pitt TV series TJ - I Think I Was Murdered Matt - Teaching my daughter to ride a 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 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…

Front-End Fire

1
TanStack DB & The Rise of the Tannerverse 39:35

13 weeks پیش39:35

39:35

TanStack, a collection of popular open-source software libraries, is back in the news cycle this week with the announcement of TanStack DB. TanStack DB extends TanStack Query with collections, live queries, and optimistic UI mutations to keep UIs reactive, consistent, and lightning fast. VS Code marks its 100th release of v1 with updates like: enabling Next Edit Suggestions (NES) be default, adding custom instructions and reusable prompts for a chat agent inside a project’s .github folder, and new tools at the AI agent’s disposal for better results. There’s a new component library available called Basecoat UI that claims to bring the magic of shadcn/ui with no React required. No matter if a website’s built using HTML, Flask, Rails, or another JS framework, Basecoat uses HTML and Tailwind, and a hint of Alpine.js when needed, to provide accessible, modern components that are also compatible with shadcn/ui themes. News: Paige - Basecoat UI - framework agnostic component library Jack - TanStack DB TJ - VS Code 1.100 Bonus News: Apparently we should all just f’ing use HTML Parcel v2.15 jumps on the Rust bandwagon Google is testing a new “AI Mode” Google’s logo change Max once again becomes HBO Max What Makes Us Happy this Week: Paige - House of Earth and Blood (#1 in Crescent City series) Jack - Grand Sumo May 2025 Tournament TJ - Coast of Michigan 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…

Front-End Fire

1
Design, Code, Publish - All in Figma? 49:25

14 weeks پیش49:25

49:25

Node is back in the news with some noteworthy updates as v24 drops. It gets an upgrade to 13.6 for its V8 JavaScript engine, runs with npm version 11, and has more efficient implementation of the local storage API and test runner updates. Google has released its newest version of its Gemini AI model: Gemini 2.5 Pro Preview (I/O Edition), which claims to be the best model for front-end and UI development. To prove it, Google links to a site called the WebDev Arena (where Gemini 2.5 Pro Preview ranks #1), that lets users put in a prompt and then pits different AI models head to head to build a site based on the prompt. Figma just had their 2025 Config conference and unveiled a host of new offerings, including Figma Sites that lets folks design, prototype and publish with Figma, and Figma Make the AI prompting tool that can add functionality to a Figma mockup via natural language directions. News: Paige - Node 24 updates Jack - Figma Make and Figma Sites and conference demo video TJ - Gemini 2.5 updates and WebDev Arena Bonus News: Take the first annual State of Devs survey OpenAI agrees to buy Windsurf for $3B Fire Starters: CSS reading-flow and reading-order What Makes Us Happy this Week: Paige - Old Town Trolley Tours Jack - The Residence TV show TJ - ChatGPT helping with camera & video setup 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…

Front-End Fire

1
React Activity, Storybook 9 Beta, and AI as a Collaborator, Not a Crutch 55:50

15 weeks پیش55:50

55: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…

Front-End Fire

1
Alien Signals, React Compiler Hits RC, and RedwoodSDK Plans Revealed 37:14

16 weeks پیش37:14

37: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…

Front-End Fire

1
All AI All the Time: OpenAI’s Codex, the Web Dev AI Survey, and More 45:21

17 weeks پیش45:21

45: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…

Front-End Fire

1
Agents Assemble: Google’s A2A Protocol, Copilot Reviews & RedwoodJS Reborn 50:17

18 weeks پیش50:17

50: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…

Front-End Fire

1
tRPC v11, Netlify vs. Next.js, and Firefox Gets PWAs (Kind Of) 36:53

19 weeks پیش36:53

36: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…

Front-End Fire

1
VS Code & GitHub Copilot Announcements with Burke Holland and Harald Kirschner 55:55

19 weeks پیش55:55

55: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…

Front-End Fire

1
Next.js’s Security Vulnerability, Remix Walks Away from RSCs, and Rsdoctor 1.0 48:16

20 weeks پیش48:16

48: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…

Front-End Fire

1
Parcel Joins the RSC Party, CodeSandbox Gets AI-Powered, & Netlify x TanStack Start 39:01

21 weeks پیش39:01

39: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…

Front-End Fire

1
TypeScript’s Compiler Glow-Up, OpenAI’s Agentic Push, and One-Click Site Cloning 44:17

22 weeks پیش44:17

44: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…

Front-End Fire

1
TanStack Form v1, ByteDance Debuts Lynx, & VS Code AI Levels Up 42:01

23 weeks پیش42:01

42: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…

Front-End Fire

1
Our AI Tool Preferences, Claude Code, & create-tsrouter-app Goes Solid 44:43

24 weeks پیش44:43

44: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…

Front-End Fire

1
TraeAI Enters the IDE Wars, CRA’s Successor, and Bolt.new + Expo 48:49

25 weeks پیش48:49

48: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…

Front-End Fire

1
State of React Results, TypeScript 5.8, and v0 Upgrades 40:28

26 weeks پیش40:28

40: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…

Front-End Fire

1
MCP AI Tools, OpenAI’s Deep Research, and React 19 Breaks CRA 50:30

27 weeks پیش50:30

50: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…

Front-End Fire

1
DeepSeek R1, Devin.ai, and TS Validation Standards 52:32

28 weeks پیش52:32

52: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…

Front-End Fire

1
News: Bun 1.2, Tailwind CSS v4, and React Scan 0.1 44:11

29 weeks پیش44:11

44: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…

Front-End Fire

1
Expo Unveils Hosting, Interop 2024 Highlights, and Automattic Cuts WP Contributions 50:59

30 weeks پیش50:59

50: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…

Front-End Fire

1
Honey Extension Scandal, Deno vs. Oracle, and Ghostty Terminal Emulator 43:14

31 weeks پیش43:14

43: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…

Front-End Fire

1
State of JS 2024 Results, Free GitHub Copilot, and Awesome Shadcn UI 48:23

32 weeks پیش48:23

48: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…

Front-End Fire

1
2024 Holiday Spectacular! 48:41

34 weeks پیش48:41

48:41

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…

Front-End Fire

1
OpenAI Goes Pro, React 19 is Stable, and Figma's New Competitor Onlook 50:17

35 weeks پیش50:17

50: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…

Front-End Fire

1
Triple Threat: vlt, Vite 6, and Astro 5 41:22

36 weeks پیش41:22

41:22

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…

Front-End Fire

1
TanStack Start Beta, Framer Motion Goes Vanilla, and the US vs. Google 38:32

38 weeks پیش38:32

38: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…

Front-End Fire

1
Expo Unlocks RSCs, Amazon’s RTO Mandate, and CSS Masonry Layouts Debate 49:11

39 weeks پیش49:11

49: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…

Front-End Fire

1
GitHub's AI-Driven Future: Copilot Models, Micro Apps, and More! 47:54

40 weeks پیش47:54

47: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…

Front-End Fire

1
Interview: Web Components at Scale with Rob Eisenberg 1:00:59

41 weeks پیش1:00:59

1: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…

Front-End Fire

1
Next.js 15 & Svelte 5: Major Upgrades Hit the Web Dev World 47:21

42 weeks پیش47:21

47: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…

Front-End Fire

1
One Framework, Astro Server Islands, and WordPress Steals a WP Engine Plugin 49:07

43 weeks پیش49:07

49: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…

Front-End Fire

1
Bye-bye .IO, void(0)’s Next Gen JS Toolchain, and StackBlitz’s AI platform bolt.new 52:43

44 weeks پیش52:43

52: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…

Front-End Fire

1
WordPress Wars Continue, React Server Functions, and Web Component Backlash 45:07

45 weeks پیش45:07

45: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…

Front-End Fire

1
News: Deno 2.0, Web Components on the Server, and WordPress Drama 43:46

46 weeks پیش43:46

43: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…

Front-End Fire

1
News: TanStack Start, Safari 18 Updates, and Astro 5.0 Highlights 39:13

47 weeks پیش39:13

39: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…

Front-End Fire

1
News: ChatGPT Moves to Remix, TypeScript 5.6, and Meta-framework HonoX Debuts 42:38

48 weeks پیش42:38

42: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…

Front-End Fire

1
News: Updates for Vue, RedwoodJS, shadcn, and TC39’s Proposal Stages 47:12

49 weeks پیش47:12

47: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…

Front-End Fire

1
News: JavaScript Edition! Build Tools, Date Handling APIs, and SSR Benchmark Wars 39:56

50 weeks پیش39:56

39: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…

Front-End Fire

1
News: Sentry’s Fair Source Licensing & What’s Next for React Native 26:00

51 weeks پیش26:00

26: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…

Front-End Fire

1
News: AI-Edition: OpenAI’s Structured Outputs, EU AI Legislation, and Chrome CSS Usage Stats 39:34

52 weeks پیش39:34

39: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…

Front-End Fire

1
News: Node Gets TS Support, Tauri v2, and New JS Acronym e18e 39:07

1 year پیش39:07

39: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…

Front-End Fire

1
News: Google Backs Off Blocking Cookies, New CSS Features, and Vercel’s Feature Flags SDK 42:15

1 year پیش42:15

42: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…

Front-End Fire

1
News: State of React and Stack Overflow Developer Surveys 49:24

1 year پیش49:24

49: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…

Front-End Fire

1
News: Astro Announces Server Islands and Partners with Netlify 43:10

1 year پیش43:10

43: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…

Front-End Fire

1
News: AI Model Runner ONNX and JS Framework Maker Vinxi w/Returning Guest Jason Lengstorf 54:59

1 year پیش54:59

54: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…

Front-End Fire

1
Topic: Favorite Tech Gear We Use (and Recommend) 51:54

1 year پیش51:54

51: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…

Front-End Fire

1
News: Coding Reality TV, AI Companies Crawl Excluded Content, and Apple Violates More EU Laws 47:59

1 year پیش47:59

47: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…

Front-End Fire

1
News: State of JS 2023 Survey Results, React Drama Updates, and Adobe Sued by FTC 47:01

1 year پیش47:01

47: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…

Front-End Fire

1
News: GH Copilot Workspace Review, the Latest in Web UI, and React Suspense Drama 56:40

1 year پیش56:40

56: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…

Front-End Fire

1
Interview: ADHD and Web Development with Chris Ferdinandi 54:14

1 year پیش54:14

54: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…

Front-End Fire

1
News: New SSG Framework VitePress, Component Libraries Based on shadcn/ui, and Angular 18 Drops 35:57

1 year پیش35:57

35: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…

Front-End Fire

1
Next.js 15, Google Search Rolls Out AI to All, and SolidStart 1.0 Debuts 43:04

1 year پیش43:04

43: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…

Front-End Fire

1
React Conf Highlights, Vercel Raises Another $250m, and Astro Adds Actions 47:03

1 year پیش47:03

47: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…

Front-End Fire

1
News: const v. let & Effect 3.0 w/Special Guest Jason Lengstorf 53:44

1 year پیش53:44

53: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…

Front-End Fire

1
React 19, TypeScript 5.5, and GitHub Copilot Workspace Wants to Code For You 36:28

1 year پیش36:28

36: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…

Front-End Fire

1
Node 22, Hydrogen gets Remix(ed), and Vercel Backs Away from the Edge 36:36

1 year پیش36:36

36: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…

Front-End Fire

1
News: Figma’s Code Connect, Next.js 14.2, and New APIs in Chrome 124 37:17

1 year پیش37:17

37: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…

Front-End Fire

1
News: Smaller images via Jpegli, Val Town Raises $5.5M, and Declarative Routing in Next.js 30:04

1 year پیش30:04

30: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…

Front-End Fire

1
News: Signals in JS, RSCs in Storybook 8, and Bun Hits Windows in v1.1 42:05

1 year پیش42:05

42: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…

Front-End Fire

1
Wangular, RedwoodJS on the RSC Bandwagon, Modern CSS 42:16

1 year پیش42:16

42: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…

Front-End Fire

1
News: Google’s New Web Vitals, AnalogJS Reaches 1.0, and is CSS-from-JS a Thing? 37:29

1 year پیش37:29

37: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…

Front-End Fire

1
News: Astro Adds Databases, Pigment CSS, and Speedometer 3.0 Browser Testing 35:24

1 year پیش35:24

35: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…

Front-End Fire

1
News: Vercel’s New AI SDK 3.0, Tailwind CSS Goes Open Source, and Safari 17.4 34:03

1 year پیش34:03

34: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…

Front-End Fire

1
News: npm Has Competition, Parcel Adds Macros, and BrowserStack Gets Sued 34:26

1 year پیش34:26

34:26

We discuss JSR, the new package registry from Deno, and whether it can compete with npm. Next, we talk about Parcel’s new support for macros, which is a handy way to embed build-time logic into your code. After that we some get into some BrowserStack legal drama, and wrap up with some BREAKING NEWS about Apple, PWAs, and the EU. Drama! News: Paige - JSR - Deno’s New JavaScript Package Registry Jack - Parcel v2.12 supports macros TJ - Deque Systems Sues BrowserStack for Intellectual Property Theft Jack - React 19’s useOptimistic hook TJ - So what exactly did Apple break in the EU? BREAKING NEWS: Apple says iOS 17.4 won’t remove Home Screen web apps in the EU after all What Makes Us Happy this Week: Paige - House of Ninjas series on Netflix Jack - Dune 2 and Avatar The Last Airbender on Netflix TJ - Product launch at work Notecard LoRa White House urges developers to dump C and C++ 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…

Front-End Fire

1
News: Hono v4 Enters the Meta Framework Arena, Storybook 8 Supports RSCs, and Apple Shuts Off PWAs in the EU 34:58

1 year پیش34:58

34:58

News: Paige - Hono v4 takes aim at full-stack frameworks Jack - Storybook 8 TJ - An update on Apple breaking PWAs in the EU Bonus News: Google cut a deal with Reddit for AI training data Node.js unveils its new mascot Rocket Turtle What Makes Us Happy this Week: Paige - Learning watercolor painting and The Fourth Wing novel Jack - Drive to Survive season 6 TJ - Detroit Red Wings Join Us: 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…

Front-End Fire

1
Interview: The Boring JavaScript Stack with Kelvin Omereshone 33:55

1 year پیش33:55

33:55

Special Guest(s): Kelvin Omereshone, lead maintainer of Sails.js and creator of The Boring JavaScript Stack Main Topic: The Boring JavaScript Stack Relevant Links: The Boring Stack repo The Boring Stack docs Kelvin on Twitter Kelvin on YouTube Kelvin’s website Sailsconf keynote announcing The Boring Stack Why the name Who is Boring for? Sails.js Sails repo Inertia.js Sailscasts Join Us: 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…

Front-End Fire

1
News: Powering Up Monorepos with Nx’s Project Crystal, Astro’s Simple Stack Streaming, and Apple’s EU App-ocalypse 36:23

1 year پیش36:23

36:23

News: Paige - Nx Project Crystal Jack - Simple Stack Streaming TJ - Apple breaking PWAs in the EU Bonus News: Mozilla downsizes as it refocuses on Firefox and AI What Makes Us Happy this Week: Paige - Mr. & Mrs. Smith TV series Jack - The Murderbot Diaries book series TJ - Casey Neistat’s video on the Apple Vision Pro Join Us: 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…

Front-End Fire

1
News: Amazon’s JS Runtime LLRT, Vite 5.1, and Interop 2024 Browser Initiatives 31:12

۲ years پیش31:12

31:12

News: Paige - Vite 5.1 Jack - LLRT and Million Lint TJ - Interop 2024 & wpt.fyi Bonus News: React Native visionOS for the Apple Vision Pro jQuery 4 beta What Makes Us Happy this Week: Paige - A Court of Mist and Fury book (sequel to A Court of Thorns and Roses) Jack - A Libertarian Walks into a Bear book TJ - Only Murders in the Building Join Us: 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…

Front-End Fire

1
Interview: The Two Reacts with Rachel Nabors, Evan Bacon, and Matt Carroll 51:22

۲ years پیش51:22

51:22

Special Guest(s): Rachel Nabors, formerly of React at Meta known for their work on reactnative.dev and react.dev Evan Bacon, Engineering Manager at Expo Matt Carroll, Developer Advocate React at Meta Relevant Links: The Two Reacts blog post by Dan Abramov Rachel Nabors on Twitter, @ rachelnabors Evan Bacon on Twitter, @ Baconbrix Matt Carroll on Twitter, @ mattcarrollcode Join Us: 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…

Front-End Fire

1
News: Apple’s Browser Drama in the EU, Voice Powered Copilot Chat, and Zed Goes Open Source 41:28

۲ years پیش41:28

41:28

News: Paige - Code editor Zed goes open source Jack - “Hey Code” in VS Code TJ - Apple changes to iOS, Safari, and the App Store in the EU Mozilla says Apple’s new browser rules are ‘as painful as possible’ for Firefox Bonus News: Open Props What Makes Us Happy this Week: Paige - Kindle Paperwhite Jack - Oura smart ring TJ - One Piece on Netflix Join Us: 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…

Front-End Fire

1
Interview: Million.js v3 Debuts with Aiden Bai and Tobiloba Adedeji 18:48

۲ years پیش18:48

18:48

Million.js: https://million.dev Discord: http://million.dev/chat Aiden Bai: Website: https://aidenybai.com/ Twitter: https://twitter.com/aidenybai Linkedin: https://www.linkedin.com/in/aidenbai/ Tobiloba Adedeji: Website: https://www.biodrop.io/tobySolutions Twitter: https://twitter.com/toby_solutions Linkedin: https://www.linkedin.com/in/tobiloba-adedeji…

Front-End Fire

1
News: Exploring Next-Gen Web Components, New Code Hike Highlighter, and the Arrival of Apple Vision 39:43

۲ years پیش39:43

39:43

News: Paige - New Web Components features from the W3C Jack - Code Hike TJ - Apple Vision Pro and Apple Vision Pro drama Bonus News: Bun Shell - experimental shell scripting in JS What Makes Us Happy this Week: Paige - ColorIt Mandalas coloring book Jack - Brothers Sun TV series TJ - Lugeing! Join Us: 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…

Front-End Fire

1
Rescript 11.0 Takes on TypeScript, RSCs Explained with Donuts, and OpenAI’s GPT Store Debut 36:22

۲ years پیش36:22

36:22

News: Paige - ReScript 11.0 - a TS competitor Jack - Donut components Matteo Frana: React, where are you going? Cassidy Williams: Kind of annoyed at React TJ - OpenAI launches a GPT Store & Netlify’s example What Makes Us Happy this Week: Paige - Fargo TV series and JustThe Recipe.com Jack - The Marvels movie TJ - Paprika app Join Us: 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…

Front-End Fire

1
Exploring the Superglue Framework, Svelte 5’s Arrival, and the OpenAI’s NY Times Legal Battle 33:03

۲ years پیش33:03

33:03

News: Paige - Superglue - Rails with React & Redux framework Jack - Svelte 5 preview TJ - NY Times is Suing OpenAI Bonus news: Knip What Makes Us Happy this Week: Paige - A Court of Thorns and Roses book Jack - What If…? season 2 TJ - CES Join Us: 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…

Front-End Fire

1
Tanstack Router 1.0, Catalyst UI from the Makers of Tailwind, and date-fns Hits v3 24:57

۲ years پیش24:57

24:57

News: Paige - TanStack Router 1.0 Jack - Catalyst UI Kit TJ - date-fns v3 What Makes Us Happy this Week: Paige - Money Heist: Berlin Jack - Personalized art and wine experience TJ - Fourth Wing book Join Us: 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…

Front-End Fire

1
End of Year Wrap Up and Predictions for Web Dev in 2024 23:59

۲ years پیش23:59

23:59

News: The Adobe Figma merger fell apart Predictions: Paige - More native JS APIs Jack - A return to simpler JS frameworks TJ - AI in the whole code base What Makes Us Happy this Week: Paige - The Morning Show TV series Jack - Twinkly Christmas Lights TJ - Coffee advent calendar from Brew Company Join Us: 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…

Front-End Fire

1
New React Framework Waku Unveiled, Agile 2 in Action, and Big Updates in Safari 17.2 38:25

۲ years پیش38:25

38:25

News: Paige - Waku - new minimal React framework designed for RSCs Jack - Agile 2 TJ - Safari 17.2 Bonus News: Peach Fuzz is the 2024 color of the year Envy HTTP tracing Cody AI code assistant What Makes Us Happy this Week: Paige - Twinkly Christmas lights and Slow Horses TV series Jack - The Artful Dodger TV series TJ - Wheel of Time TV series Join Us: 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…

Front-End Fire

1
XState’s Back with v5, Facebook Open Sources StyleX, and Cron Jobs Come to Deno 41:40

۲ years پیش41:40

41:40

News: Paige - XState v5 debuts the “actor model” Jack - StyleX TJ - Deno Cron Bonus News: VS Code floating editor windows What Makes Us Happy this Week: Paige - General good health Jack - CO2 detector TJ - Twinkly Christmas Lights Join Us: Outro: 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…

به Player FM خوش آمدید!

Player FM در سراسر وب را برای یافتن پادکست های با کیفیت اسکن می کند تا همین الان لذت ببرید. این بهترین برنامه ی پادکست است که در اندروید، آیفون و وب کار می کند. ثبت نام کنید تا اشتراک های شما در بین دستگاه های مختلف همگام سازی شود.