mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
evanbacon
8989c9b71d
Summary: While developing React Server Component support for React Native, I've been adding this patch to the `react-native` package. It opts the entire `react-native` package out of being server rendered. In the future, we'll want to circle back and refactor the `react-native` package to be more isomorphic so we can allow for utilities like `processColor` to be used in server bundles that target native platforms. ## Changelog: [GENERAL] [ADDED] - Added support for importing `react-native` in a `react-server` environment for React Server Components support. <!-- Help reviewers and the release process by writing your own changelog entry. Pick one each for the category and type tags: [ANDROID|GENERAL|IOS|INTERNAL] [BREAKING|ADDED|CHANGED|DEPRECATED|REMOVED|FIXED|SECURITY] - Message For more details, see: https://reactnative.dev/contributing/changelogs-in-pull-requests Pull Request resolved: https://github.com/facebook/react-native/pull/43986 Test Plan: Using react-native with this patch in a framework that supports React Server Components for native platforms, such as my unreleased branch of Expo Router, will allow for server rendering views from `react-native` to RSC Flight code with client references to the `react-native` package, e.g. ```js import { View } from 'react-native'; export default function App() { return <View testID="basic-view" style={{ "backgroundColor":"#191A20" }}/> } ``` Can be server rendered to ↓ ``` 2:I["/node_modules/react-native/index.bundle?platform=ios&dev=true#798513620",["..."],"View"] 1:["$","$L2",null,{"testID":"basic-view","style":{"backgroundColor":"#191A20"}}] ``` > The client boundaries (URL paths) are specific to the current Expo CLI implementation (based on Metro) and may look different in other implementations. Reviewed By: rickhanlonii Differential Revision: D55891243 Pulled By: TheSavior fbshipit-source-id: d8dc9590039181ebf2c013dacca5f255d7a8f625
@react-native/js-polyfills
Installation
yarn add @react-native/js-polyfills
Note: We're using yarn to install deps. Feel free to change commands to use npm 3+ and npx if you like
Testing
To run the tests in this package, run the following commands from the React Native root folder:
yarnto install the dependencies. You just need to run this onceyarn jest packages/polyfills.