Skip to content
This repository has been archived by the owner on Apr 19, 2018. It is now read-only.

Configuration to build React Native apps with ES6 using webpack and Babel

License

Notifications You must be signed in to change notification settings

roman01la/react-native-babel

Repository files navigation

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

  • No support for ES6 classes. There's no React.Component or any other extendable base class.

About

Configuration to build React Native apps with ES6 using webpack and Babel

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published