mirror of
https://github.com/zoriya/react-native-web.git
synced 2026-06-05 19:24:21 +00:00
committed by
Nicolas Gallagher
parent
9431f1e441
commit
618660484f
@@ -8,7 +8,7 @@ This is the development monorepo for "React Native for Web" and related projects
|
|||||||
* Contains workflows used by GitHub Actions.
|
* Contains workflows used by GitHub Actions.
|
||||||
* Contains issue templates.
|
* Contains issue templates.
|
||||||
* `configs`
|
* `configs`
|
||||||
* Contains configration files used by the monorepo tooling (compiling, linting, testing, etc.)
|
* Contains configuration files used by the monorepo tooling (compiling, linting, testing, etc.)
|
||||||
* `packages`
|
* `packages`
|
||||||
* [react-native-web](https://github.com/necolas/react-native-web/blob/master/packages/react-native-web)
|
* [react-native-web](https://github.com/necolas/react-native-web/blob/master/packages/react-native-web)
|
||||||
* Contains the individual packages managed in the monorepo.
|
* Contains the individual packages managed in the monorepo.
|
||||||
|
|||||||
@@ -51,7 +51,7 @@ section: page
|
|||||||
></iframe>
|
></iframe>
|
||||||
|
|
||||||
<div class="callout">
|
<div class="callout">
|
||||||
<p><strong>Did you know?</strong> React Native for Web powers web support in multi-platform React tools like <a href="https://expo.io">Expo</a>, <a href="https://reactnativeelements.com/">React Native Elements</a>, <a href="https://callstack.github.io/react-native-paper/using-on-the-web.html">React Native Paper</a>, and <a href="https://docs.nativebase.io/getting-started">React Native Base</a>.
|
<p><strong>Did you know?</strong> React Native for Web powers web support in multi-platform React tools like <a href="https://expo.dev">Expo</a>, <a href="https://reactnativeelements.com/">React Native Elements</a>, <a href="https://callstack.github.io/react-native-paper/using-on-the-web.html">React Native Paper</a>, and <a href="https://docs.nativebase.io/getting-started">React Native Base</a>.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style="height:2rem"><!-- spacer --></div>
|
<div style="height:2rem"><!-- spacer --></div>
|
||||||
|
|||||||
@@ -30,14 +30,7 @@ npm install --save-dev babel-plugin-react-native-web
|
|||||||
|
|
||||||
### Expo
|
### Expo
|
||||||
|
|
||||||
[Expo](https://expo.io) is a framework and a platform for universal React applications. [Expo for Web](https://docs.expo.io/workflow/web/) uses React Native for Web, provides dozens of additional cross-platform APIs, includes web build optimizations, and is compatibile with the broader React Native ecosystem.
|
[Expo](https://expo.dev) is a framework and a platform for universal React applications. [Expo for Web](https://docs.expo.dev/workflow/web/) uses React Native for Web, provides dozens of additional cross-platform APIs, includes web build optimizations, and is compatible with the broader React Native ecosystem. See the Expo docs for more information.
|
||||||
|
|
||||||
```shell
|
|
||||||
npx expo-cli init my-app
|
|
||||||
cd my-app
|
|
||||||
npm install react-dom react-native-web
|
|
||||||
npx expo-cli start
|
|
||||||
```
|
|
||||||
|
|
||||||
### Create React App
|
### Create React App
|
||||||
|
|
||||||
|
|||||||
@@ -14,7 +14,7 @@ How to integrate React Native for Web into an existing React Native codebase.
|
|||||||
|
|
||||||
Please read the [setup]({{ '/docs/setup' | url }}) guide first. If you have an existing React Native application, there are more areas that require attention and customization before most web bundlers can consume the non-standard JavaScript in packages produced by the React Native ecosystem. Additionally, 3rd party React Native packages with web support are listed in the [React Native Directory](https://reactnative.directory/?web=true).
|
Please read the [setup]({{ '/docs/setup' | url }}) guide first. If you have an existing React Native application, there are more areas that require attention and customization before most web bundlers can consume the non-standard JavaScript in packages produced by the React Native ecosystem. Additionally, 3rd party React Native packages with web support are listed in the [React Native Directory](https://reactnative.directory/?web=true).
|
||||||
|
|
||||||
If you are interested in making a multi-platform app it is *strongly recommended* that you use [Expo](https://expo.io) (or learn from the source code for the Web integration). Expo includes [web support](https://docs.expo.io/versions/v35.0.0/guides/running-in-the-browser/) and takes care of all the configuration work required.
|
If you are interested in making a multi-platform app it is *strongly recommended* that you use [Expo](https://expo.dev) (or learn from the source code for the Web integration). Expo includes [web support](https://docs.expo.dev/workflow/web/) and takes care of all the configuration work required.
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user