Adding Expo

This project was bootstrapped with Create React App.

• Install React Native for Web and React Native: yarn add react-native-web react-native
• Create an app.json:

  {
      "expo": {
        "platforms": ["web"]
      }
  }

• Install: yarn add -D babel-preset-expo
• Create babel.config.js

  module.exports = {
    presets: ['babel-preset-expo'],
  };

• Install the expo-cli with npm i -g expo-cli
• Start the project with expo start --web
  • You may want to add .expo to your .gitignore.
  • (--web) will automatically open the web page in your browser.
  • Expo will only start the webpack dev server (and not metro) because "web" is the only platform defined in "platforms".
  • You can prevent the debug screen from opening with: --non-interactive
  • Toggle the production environment variable with --no-dev. This will persist commands so remember to turn it off with --dev.

Now you can import any of the react-native-web modules!

import { View } from 'react-native';