https://github.com/filp/react-native-es6-reflux

Boilerplate for iOS app development with React Native, ES6 and Reflux
https://github.com/filp/react-native-es6-reflux

Last synced: 3 months ago
JSON representation

Boilerplate for iOS app development with React Native, ES6 and Reflux

• Host: GitHub
• URL: https://github.com/filp/react-native-es6-reflux
• Owner: filp
• License: mit
• Archived: true
• Created: 2015-04-21T19:30:29.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-10-04T12:52:35.000Z (over 9 years ago)
• Last Synced: 2024-08-01T13:26:43.986Z (6 months ago)
• Language: Objective-C
• Homepage:
• Size: 180 KB
• Stars: 141
• Watchers: 6
• Forks: 24
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-seed - react-native-es6-reflux - Boilerplate for iOS app development with React Native, ES6 and Reflux (Seed List / Mobile)

README

        
# react-native, es6 & reflux boilerplate

As the very long repo title indicates, this is a boilerplate repository that

includes the following:

- ES6-to-ES5 transpilation using [Babel](https://github.com/babel/babel)

- Uni-directional data-flow architecture using [Reflux](https://github.com/spoike/refluxjs)

## Getting started

1. Clone this project

2. Install dependencies:

    ```shell

    $ npm install

    ```

3. Start the webpack watcher (it builds the `index.ios.js` file expected by React Native)

4. Open `ReactNativeEs6Reflux.xcodeproj` in 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 `App` component with example styles (in `src/styles.js`)

- An example interaction using `TouchableOpacity`, and an example Reflux action (defined in `src/actions.js`)

- An example `AppMessageStore` Reflux store, which handles setting the random message when the React logo is tapped.

## Author

This boilerplate was created by [Filipe Dobreira](https://github.com/filp). It includes auto-generated code (through `react-native init`), and code by [Roman Liutikov](https://github.com/roman01la) (namely the webpack configuration).