react-native, es6 & reflux boilerplate
As the very long repo title indicates, this is a boilerplate repository that
includes the following:
Getting started
-
Clone this project
-
Install dependencies:
$ npm install -
Start the webpack watcher (it builds the
index.ios.jsfile expected by React Native) -
Open
ReactNativeEs6Reflux.xcodeprojin XCode and run the project - it should look like this:
Javascript file structure
- src/
stores/ - Reflux stores
color_store.js - Example store implementation
components/ - React components
app.jsx - Top-level app component
action.js - Reflux action definitions
styles.js - StyleSheet definition(s)
main.js - Application bootstrap with react-native, transpiler entry-point
Included in the example:
- A simple top-level
Appcomponent with example styles (insrc/styles.js) - An example interaction using
TouchableOpacity, and an example Reflux action (defined insrc/actions.js) - An example
AppMessageStoreReflux store, which handles setting the random message when the React logo is tapped.
Author
This boilerplate was created by Filipe Dobreira. It includes auto-generated code (through react-native init), and code by Roman Liutikov (namely the webpack configuration).