[HOLD #8503] [Tracking] [Performance] Enable React 18

[roryabraham]

Problem

React 18 introduces a lot of new features that improve performance. Some of those, such as "Automatic Batching" come out-of-the-box for free, and others such as Suspense, startTransition, and useSyncExternalStore are opt-in.

However, we can't use the opt-in features until React 18 is supported on all platforms.

Solution

Enable React 18 on all platforms. This involves a number of tasks:

• [HOLD for payment 2024-04-25] [Tracking] [Performance] Enable the new Fabric architecture #8503
• Upgrade react-native-web to the as-yet-unreleased 0.19, or port over the necessary changes into our fork if we don't want to wait.
  • Deprecate Touchables in favor of Pressable – Deprecate Touchables necolas/react-native-web#2382 this is in-scope for using RNW 0.19

[roryabraham]

Branched this issue off from #8503 for a more correct separation of concerns.

[roryabraham]

No update for now but there's a milestone here. Going to make this a monthly while we're waiting.

[sakluger]

Noting that @aneequeahmad reported this bug first, so they are eligible for a reporting bonus. @roryabraham feel free to assign me to the issue when it's just about completed so I can create and link an Upwork job.

[JmillsExpensify]

@roryabraham Now that we've removed Fabric from WAQ, I'm kind of thinking we should remove React 18 from the initiative as well. Obviously we still need to do this, and related there are performance improvements, but this is still bleeding edge. Do you agree with that?

[roryabraham]

Still on HOLD

[roryabraham]

Still on HOLD

[roryabraham]

Still on HOLD

[roryabraham]

Seems many issues on the milestone have PRs, but so far only one of the issues in the milestone is closed. So it feels like we're still some months away from taking this off HOLD

[roryabraham]

Still on HOLD. We're making faster progress on the Touchables migration so we should be able to remove the HOLD soon

[roryabraham]

Still on HOLD

[roryabraham]

Still on HOLD

[roryabraham]

Still on HOLD

[roryabraham]

I know @WoLewicki and @j-piasecki were interested in this after we turn on the new arch

[roryabraham]

Still on HOLD for new arch and #24482

[roryabraham]

Still on HOLD

[roryabraham]

Probably the best article I've found on React 18 concurrent features: https://vercel.com/blog/how-react-18-improves-application-performance

[roryabraham]

Still on HOLD but we're getting closer and this will be 🔥

[roryabraham]

Still on HOLD, but this came up recently here

[roryabraham]

This is basically a proxy for the following two issues now:

• [HOLD for payment 2024-04-25] [Tracking] [Performance] Enable the new Fabric architecture #8503
• [HOLD for payment 2024-07-22] LOW: Enable Concurrent React Features #33531

So I'm going to close this