#494 – February 23, 2025
🫡
Sunsetting Create React App
12 minutes by Matt Carroll, Ricky Hanlon
In this post Matt and Ricky announced the deprecation of Create React App and recommends using frameworks like Next.js, React Router, or Expo for new projects. While CRA made it easy to start React projects since 2016, it lacks solutions for essential production needs like routing, data fetching, and code splitting. Authors emphasize that modern frameworks provide better integration of these features and offer improved user experience, including optional server-side rendering capabilities.
Tests are dead. Meticulous AI is here.
sponsored by Meticulous
Meticulous automatically creates and maintains an exhaustive e2e UI test suite that covers every corner of your application – with no developer intervention required whatsoever. Dropbox, Lattice, Bilt Rewards and hundreds of organisations rely on Meticulous for their frontend testing. It is built from the Chromium level up with a deterministic scheduling engine – making it the only testing tool that eliminates flakes.
Designing backgrounds with LLMs and React
7 minutes by Ben Shumaker
In this post Ben brings a manual for creating an interactive background.
Introducing the new TanStack React Query integration
3 minutes by Julius Marminge, Nick Lucas
In this post Julius and Nick announce a new TanStack React Query integration that simplifies the implementation by removing a layer of abstraction and utilizing native QueryOptions and MutationOptions interfaces. The new integration offers better maintainability, improved familiarity for TanStack Query users, and a lower learning curve, while the classic integration will continue to be maintained but won't receive significant new features. Both integrations can coexist in the same application, allowing for gradual migration.
React "as" Prop Using TypeScript
2 minutes by Christian Velez
Learn how to type the "as" prop in React to dynamically change the rendered HTML tag. In this post Christian explains how to create flexible and type-safe React components using the "as" prop pattern in TypeScript. It demonstrates how to implement polymorphic components that can render different HTML tags while maintaining proper type checking and autocompletion. The tutorial shows how to create a reusable Typography component that can be rendered as various HTML elements while preserving their specific properties and maintaining consistent styling.
Build a custom useFetch hook
10 minutes by Corina Udrescu
In this guide Corina explains how to create a custom React hook called useFetch that manages data fetching, loading states, and error handling. The hook is designed to be TypeScript-compatible and supports various HTTP methods and custom headers. She includes a practical example using a PokemonList component that fetches and displays Pokemon data, along with unit tests for verification.
And the most popular article from the last issue: