Aller au contenu principal

πŸ“¨ #222: CRA, React Router, captureOwnerStack, TanStack, CTRA, tRPC, Astro, Preact | RN 0.78, React 19, Expo, noCompress, JitPack, CRNL, Screens | TC39, Interop, TS, CSS, Node.js, Deno

Β· 8 minutes de lecture
SΓ©bastien Lorber
Editeur - Mainteneur de Docusaurus
πŸ‡«πŸ‡· Non traduit :/
Malheureusement, cette page n'a pas encore été traduite en français. Reviens un peu plus tard!

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!

As always, thanks for supporting us on your favorite platform:

Ne manque pas le prochain email !

    πŸ’Έ Sponsor​

    PropelAuth: Make Authentication Your Advantage

    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.

    Get started today

    βš›οΈ React​

    Sunsetting Create React App

    Sunsetting Create React App

    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

    Ne manque pas le prochain email !

      πŸ’Έ Sponsor​

      Rethink your React apps' UX with Reactile

      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

      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-logs flag, and still deprecated.
      • <Image> supports Android XML resources, unlocking possible perf improvements.
      • ReactNativeFactory on 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 ref as a regular prop instead of forwardRef(), also supporting a ref cleanup function
      • Use <Context> instead of <Context.Provider>
      • Read contexts and promises with use()

      πŸ”€ Other​

      🀭 Fun​

      alt

      alt

      See ya! πŸ‘‹


      Ne manque pas le prochain email !