perf[react-native]: Memoized Blocks Component to free up UI thread.

[yash-builder]

Description

Suspense:
Added React.Suspense to defer the rendering of the Content component until it is fully loaded.

Memoization:
React.memo to memoize computationally expensive operations within the Blocks component. To prevents unnecessary recalculations of processed blocks during re-renders, reducing the load on the UI thread.

Screenshot
Before:

After:

[changeset-bot]

⚠️ No Changeset found

Latest commit: e264c12

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 03baae3.

Command	Status	Duration	Result
nx test @snippet/angular-ssr	❌ Failed	4m 49s	View ↗
nx test @e2e/gen1-next15-app	❌ Failed	3m 56s	View ↗
nx test @e2e/react-sdk-next-pages	❌ Failed	1m 21s	View ↗
nx test @e2e/nextjs-sdk-next-app	✅ Succeeded	7m 27s	View ↗
nx test @e2e/qwik-city	✅ Succeeded	7m 12s	View ↗
nx test @e2e/nuxt	✅ Succeeded	6m 53s	View ↗
nx test @e2e/react-native	✅ Succeeded	5m 21s	View ↗
nx test @e2e/hydrogen	✅ Succeeded	5m 5s	View ↗
Additional runs (34)	✅ Succeeded	...	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-01-13 06:14:07 UTC