react-native-webpack-starter-kit

Get started with React Native and Webpack

Requirements

Node 5.x or better
React Native for development
Xcode for iOS development (optional)
Android SDK for Android development (optional)
Android Lollipop or better for Android device testing (optional)

Stack

React Native for native app development
Babel for ES6+ support
Webpack module loader and bundler
Docker and VirtualBox for Windows-based development

Installation

git clone https://github.com/7s4r/react-native-webpack-starter-kit.git && cd $_
npm i

Running

Once dependencies are installed, run the starter kit with:

npm start

This will start the React Packager and a Webpack Dev Server. The dev server will watch your JS files for changes and automatically lint and generate the index.[platform].js files expected by your React Native iOS or Android app.

iOS

Open ios/App.xcodeproj in Xcode, build and run the project.

Unlike the app currently generated by react-native init this app removes the UIViewControllerBasedStatusBarAppearance key to prevent the app from logging an error in Xcode and leading to an App Store rejection. The key may be added back, if desired, but its value must be set to true to prevent unexpected rejection during the review process.

Android

For android development use the following:

npm run android-setup-port # Note that this option is available on devices running android 5.0+ (API 21)
react-native run-android