Home

Awesome

React Native in ES6 with webpack and Babel

DEPRECATED!

It's possible to write React Native apps in ES6+ using babel-loader and webpack.

Check better approach using DependencyGraph module: dep-graph.

Basically you need to compile everything to index.ios.js file, which is then transformed by react-native. Also, to stop webpack from trying to load native (Objective-C) components, you need to define them all as externals and set libraryTarget: 'commonjs' in webpack config, this way webpack will not resolve require to native components.

Check ignore-modules.js for the regexp to match all native components, it is extracted using approach described in dep-graph branch.

Check webpack.config.js for build configuration.

Usage

Before running the project, change code location in iOS/AppDelegate.m to localhost to run on iOS Simulator or to your computer's IP address to run on device. Run in the terminal webpack --config webpack.config.js, open another tab and run react-native start.

Known limitations