MCP AI Tools, OpenAI’s Deep Research, and React 19 Breaks CRA

Key takeaways

The Model Context Protocol (MCP) enables AI models to utilize customized tools, enhancing coding capabilities.
OpenAI has introduced a deep research agent to assist with multi-step research, providing valuable reports for decision-making.
The recent React 19 update has led to the community urging the deprecation of Create React App (CRA) in favor of more modern frameworks.
Productivity tools like GitHub Copilot and MCP can complicate the coding process, highlighting the importance of understanding coding fundamentals.
CSS's position sticky is a useful property that requires careful implementation to function as intended.

Summary

AI Tools and their Evolution

The hosts discuss advancements in AI coding tools, focusing on the Model Context Protocol (MCP) that allows users to provide custom tools and services to AI models. They share anecdotes about how these AI tools can enhance coding efficiency, even in aesthetics, citing examples from their personal projects. They also delve into OpenAI's introduction of a deep research agent designed to assist with multi-step research tasks, explaining how this can significantly streamline decision-making processes in various industries.

React 19 and Create React App

The podcast dives into recent challenges faced by Create React App (CRA) due to the release of React 19. It discusses the community's response to the deprecation of CRA and the ongoing conversation on the best practices for initiating React projects. Despite its prior popularity, CRA has been put under scrutiny, and the hosts highlight a GitHub issue where the community pushes for alternative recommendations in the React documentation.

Dev Tools and Debugging in Development

The conversation shifts to debugging and development tools, discussing the challenges developers face when interacting with new AI-driven services. The complexity of tools like MCP and GitHub Copilot is explored, noting how these can create challenges for developers, especially when they make unexpected changes in code. The hosts emphasize that while these tools can enhance productivity, they also introduce a new layer of complexity that requires clear understanding and supervision from developers.

Updates from the Tech World

They discuss various news items, including Dan Abramov's departure from Blue Sky and the continuing trademark dispute between Deno and Oracle regarding the name 'JavaScript.' The hosts share insights on the significance of these developments within the developer community, especially regarding the use of the term 'JavaScript' and the potential implications for the programming landscape.

CSS Position Sticky

The hosts cover a 'fire starter' segment focusing on CSS's position sticky property. They explain its utility and nuances in web design, sharing tips on how to properly implement it and providing resources for developers to deepen their understanding. This discussion serves as a reminder of the importance of practical skills in web design, encouraging developers to enhance their knowledge of CSS properties.

Show notes

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:

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.