Commit fe366de1 authored by Wietse Kuipers's avatar Wietse Kuipers

Added support for running as web-app in development

parent 9a85d53d
......@@ -54,3 +54,4 @@ fastlane/Preview.html
fastlane/screenshots
*.bat
bundle.js
......@@ -12,9 +12,13 @@ The new and improved ThaliApp
## Setup
`yarn install`
## Starting the app
## Starting the app on your phone
Ensure that the development server is started with `yarn run react-native start`.
Deploy the app on a running emulator or connected Android Phone with `yarn run react-native run-android`.
## Starting the app in your browser
Run `webpack`
Open index.html
## Debugging
Open the console with `yarn run react-native log-android`.
<!DOCTYPE html>
<meta charset="utf-8">
<title>React Native for Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<div id="react-root"></div>
<script src="bundle.js"></script>
import {
AppRegistry,
} from 'react-native';
import App from './app/app';
AppRegistry.registerComponent('ThaliApp', () => App);
AppRegistry.runApplication('ThaliApp', {
rootTag: document.getElementById('react-root'),
});
module.exports = {
entry: './index.web.js',
output: {
filename: 'bundle.js',
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
},
{
test: /\.js$/,
include: /node_modules\/react-native-/,
loader: 'babel-loader',
},
],
},
resolve: {
alias: {
'react-native': 'react-native-web',
},
},
};
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment