History

Max Thirouin 644a1ef187 examples: react-native-web: fix config to prefer .web.* exts (#10774 ) * [examples/with-react-native-web] fix config to get .web.* extensions resolved before other Simple issue if you have `Compo.js` & `Compo.web.js` (eg 1st for iOS/android & second for web): with current config, .web are resolved after. My change change this situation so web extensions are resolved before the others. I removed the `defaultLoaders` since it was not used. Tell me if that was intentional so I can add it back. * lint-fix Co-authored-by: Joe Haddad <timer150@gmail.com>		2020-03-01 12:32:48 -05:00
..
pages	Improve linting rules to catch more errors (#9374 )	2019-11-10 19:24:53 -08:00
app.json	[Expo] Updated React Native example (#8376 )	2019-08-15 08:01:09 +02:00
babel.config.js	Improve linting rules to catch more errors (#9374 )	2019-11-10 19:24:53 -08:00
next.config.js	examples: react-native-web: fix config to prefer .web.* exts (#10774 )	2020-03-01 12:32:48 -05:00
package.json	Fix react-native-web example by adding babel plugin (#9078 )	2019-10-27 11:52:52 +01:00
README.md	Rename zeit.co/new → zeit.co/import (#10674 )	2020-02-24 19:08:34 -05:00

README.md

React Native Web example

This example features how to use react-native-web to bring the platform-agnostic Components and APIs of React Native to the web.

High-quality user interfaces: React Native for Web makes it easy to create fast, adaptive web UIs in JavaScript. It provides native-like interactions, support for multiple input modes (touch, mouse, keyboard), optimized vendor-prefixed styles, built-in support for RTL layout, built-in accessibility, and integrates with React Dev Tools.

Write once, render anywhere: React Native for Web interoperates with existing React DOM components and is compatible with the majority of the React Native API. You can develop new components for native and web without rewriting existing code. React Native for Web can also render to HTML and critical CSS on the server using Node.js.

Deploy your own

Deploy the example using ZEIT Now:

How to use

Using `create-next-app`

Execute create-next-app with npm or Yarn to bootstrap the example:

npm init next-app --example with-react-native-web
# or
yarn create next-app --example with-react-native-web with-react-native-web-app

Download manually

Download the example:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-react-native-web
cd with-react-native-web

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Deploy it to the cloud with ZEIT Now (Documentation).