Hi everyone!
This week we have 2 official blog posts from the React and React Native core teams! CRA is deprecated and React Native 0.78 is out with React 19 support.
🎂 We're also celebrating this newsletter's 5th anniversary! The first issue went out on February 13th. For the first 2 years it was only in French. I’d love to know who's been reading since the early days—say hi if you have! 😀
Check our partner conf React Native Connection - 🇫🇷 Paris - April 1-2 - 15% discount with code "TWIR". The French React Native conference is back with Britta Evans-Fenton (Shopify), Kadi Kraman (Expo), Krzysztof Piaskowy (Software Mansion), Saad Najmi (Microsoft) and more - and great deep-diving talks!
💡 Subscribe to the official newsletter to receive an email every week!
💸 Sponsor
PropelAuth: Make Authentication Your Advantage
If your authentication isn't helping you grow, it's holding you back.
With PropelAuth, you get everything you need to launch and scale your B2B product:
- Easy to understand documentation and friendly, fast support.
- UIs that cover all your use cases - signup, login, MFA, organization management and more.
- User impersonation so you can provide top-notch support to your users.
- Enterprise SAML/SSO and advanced security features so you can be upmarket-ready.
- User insights to help you strategize and expand.
⚛️ React
Long overdue, CRA has received the latest React 19 fixes and is now officially deprecated. This article explains the limits of the CRA and build tools regarding routing, waterfalls, code splitting, and more. The React team encourages us to adopt a framework like Next.js, React Router, or Expo to address these issues. However, you can still build a React app from scratch using Vite, Parcel, Rsbuild, or other modern build tools.
The initial announcement sparked heated debates on X and GitHub, mainly because it overemphasized frameworks at the expense of build tools like Vite. It was soon updated to address these concerns. All this also led to potential collaboration opportunities between Evan You (Vite) and the React team to work together on an opinionated "official" way to integrate with Vite with React Server Components, with a commitment to maintain this integration over time in the React repository.
Related news:
- 📜 Use a framework to build React Native apps: A few months ago, the React Native team made a similar announcement, claiming “you’re either using a framework or you’re building your own framework”.
- 📦 Create TanStack Router App: Jack Herrington’s first contribution to the TanStack is an alternative to Create-React-App, also introduced it in a video
- 📦 CRA to Parcel: A script to migrate a non-ejected Create React App to Parcel
- 💸 Product for Engineers - How we choose technologies
- 📣 Vercel - Support for React Router v7: First-class support for React Router in framework mode with support for SSR on the new optimized Fluid compute serverless feature.
- 📖 React core docs -
captureOwnerStack(): A new experimental React core API has been recently unflagged and is now officially documented. It is particularly useful for frameworks to enhance their custom error overlays. Unsurprisingly, Next.js is working on a new overlay that leverages this API (example). - 📖 Vercel AI docs - Duman-in-the-Loop with Next.js: A recipe to prompt users for yes/no confirmation before LLM tool calls.
- 📜 Introducing the new TanStack React Query integration: The upcoming tRPC v11 is in RC and leverages React Query’s
queryOptions()to remove an abstraction layer: you can now use the nativeuseQuery()instead of the tRPC wrapper. - 📜 Designing Backgrounds with LLMs and React: Tools like Cursor are quite good at authoring artistic React components.
- 📜 Snapshot testing styled-components with Vitest: The existing StyledComponents Jest snapshot serializer is also compatible with Vitest. I’m not a fan of snapshotting styles and usually prefer visual regression tests, but this might help existing codebases migrate to Vitest.
- 📜 I like the future of Next.js: Thoughts on dynamic IO, PPR, and the
use cachedirective. - 📜 React "as" Prop Using TypeScript
- 📜 Client-Side Rendering in Flame Graphs
- 📜 React Libraries for 2025
- 📜 Tanstack Start - Is it the Next NextJS?
- 📦 React Router 7.2 - Type-safe
href()utility: A welcome improvement giving route path autocompletion and params validation. This release also include support for an SPA fallback static file, and 2 new future flagsunstable_splitRouteModulesandunstable_viteEnvironmentApi. - 📦 TanStack Start 1.107 - AbortSignal for server functions
- 📦 Astro 5.3 - Faster SSR, automatic session storage setup
- 📦 Preact 10.26 - Support for React 19
<Context> - 📦 9ui - Beautiful, customizable components built with Base UI and Tailwind CSS: Using the shadcn distribution model but using Base UI, a new interesting alternative to Radix. The author is also porting popular libs such as Vaul and cmdk.
- 📦 Kokonut UI - Collection of components built for Next.js and React with Tailwind CSS: Another option using the shadcn distribution model.
- 📦 React Bits - Collection of animated, interactive & fully customizable React components for building stunning, memorable user interfaces
- 🎥 Alem Tuzlak - Understanding the server/client boundary in react-router
- 🎙️ Front-End Fire 81 - State of React Results, TypeScript 5.8, and v0 Upgrades
💸 Sponsor
Rethink your React apps' UX with Reactile
Reactile is an UI/UX turnkey framework which features an out-of-the-box, intuitive tiling display with workspaces. It encourages parallel workloads for large web solutions within a single browser tab. Implement your own view containers, widgets and logic using React and let Reactile handle the display for you.
On top of that, Reactile also offers:
- A promise-based persistence mechanism which permits a uniform workflow across time and on multiple devices.
- The possibility to use nested tabs for your tiles.
- A simplified global search mechanism.
- CSS @container based responsiveness.
- And much more.
Version 2 coming out soon. Get started with your unique 30-day free trial. Learn more about it on reactile.net.
Reactile - The new React UI management system
📱 React-Native
React Native 0.78 - React 19 and more
I bet you weren't expecting a React Native release so soon, but the team recently decided to releases smaller versions more frequently. Here are the highlights:
- React 19 support!
- Simplified process to enable the React Compiler.
- Metro log streaming is back in 0.78 and 0.77.1, but opt-in with a new
--client-logsflag, and still deprecated. -
<Image>supports Android XML resources, unlocking possible perf improvements. -
ReactNativeFactoryon iOS to ease brownfield usage in any ViewController
React 19 itself unlocks many cool things:
- Actions (async transitions),
useActionState(),useOptimistic(), all useful to submit forms and manage loading, error, and optimistic state - Use
refas a regular prop instead offorwardRef(), also supporting a ref cleanup function - Use
<Context>instead of<Context.Provider> - Read contexts and promises with
use()
- 💸 Codemagic - a great App Center alternative for React Native devs! 8x faster builds, CodePush, automated distribution. 1-month free trial!
- 📣 Expo support for React Native 0.78: Due to the React 19 upgrade, v0.78 will not be supported in SDK52, but will be in the canary version. SDK 53 is scheduled for this spring and will likely upgrade directly to 0.79.
- 👀 Gradle Plugin PR - Add option to disable bundle compression: Marc Rousavy proposing a
react.enableBundleCompressionGradle property. Turning it off could greatly optimize Android app startup time became (and is now the new default), but it also increases the app install size. - 💬 Making the JitPack Repository optional: Android apps With v0.78, Android apps have a new
react.includeJitpackRepository=trueGradle property. Turning it off could improve supply chain security, and may become the default in the future. - 📜 Checkbox Interactions - The beauty of Layout Animations
- 📜 Universal App with Expo
- 📦 Create React Native Library 0.48 - Support for Nitro modules
- 📦 React Native Screens 4.7 - Fix Android formSheet transition
- 📦 Expo AI Chatbot - Starter to build a universal Expo + Next.js chatbot with premium option
- 🎥 Expo - EAS Workflows: React Native CI/CD for app developers
- 🎥 Catalin Miron - Apple Invites animation
- 🎥 Simon Grimm - The Fastest Way to Build a Mobile App (AI + Expo = Magic)
- 🎙️ React Universe On Air 48 - Reanimated 4 is the Future of Smooth React Native Animations
🔀 Other
- 📣 TC39 - Agenda for the 106th meeting: Meeting in progress. Great proposals have already progressed, including
RegExp.escape(),import defer,Math.clamp(),and more. - 📣 Interop 2025: Browsers agreed to work in priority on exciting features such as CSS anchor positioning, View Transition API, Navigation API, and many others.
- 📣 ESLint now officially supports linting of CSS
- 📜 Bundling dependencies (and when not to do it)
- 📜 CSS @function + CSS if() = 🤯
- 📜 Mocking in Node.js Has Just Changed Forever
- 📦 TypeScript 5.8 RC -
erasableSyntaxOnly,require(esm)`, dependent return type narrowing - 📦 Node 23.8 -
URLPatternAPI, thread names, zstd compression, using system CA - 📦 Node 22.14 -
findPackageJSON, globexclude, Corepack pnpm fix - 📦 Deno 2.2 - OpenTelemetry, Lint Plugins,
node:sqlite
🤭 Fun
See ya! 👋
Top comments (0)