new version

Author: alinz

Counter/app/containers/app.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react-native';
 import { createStore, applyMiddleware, combineReducers } from 'redux';
-import { Provider } from 'react-redux/native';
+import { Provider } from 'react-redux';
 import thunk from 'redux-thunk';
 
 import * as reducers from '../reducers';
@@ -14,7 +14,7 @@ export default class App extends Component {
   render() {
     return (
       <Provider store={store}>
-        {() => <CounterApp />}
+        <CounterApp />
       </Provider>
     );
   }

Counter/app/containers/counterApp.js

@@ -4,7 +4,7 @@ import React, { Component } from 'react-native';
 import {bindActionCreators} from 'redux';
 import Counter from '../components/counter';
 import * as counterActions from '../actions/counterActions';
-import { connect } from 'react-redux/native';
+import { connect } from 'react-redux';
 
 // @connect(state => ({
 //   state: state.counter

Counter/package.json

@@ -4,12 +4,14 @@
   "private": true,
   "scripts": {
     "start": "react-native start",
-    "clean": "cd node_modules; find . -name .babelrc | grep -v packager | xargs rm"
+    "postinstall": "npm run step1; npm run step2",
+    "step1": "rm -rf node_modules/react-native/node_modules/react; rm -rf node_modules/react-native/node_modules/fbjs; rm -rf node_modules/react/node_modules/fbjs",
+    "step2": "cd node_modules; find . -name .babelrc | grep -v packager | xargs rm"
   },
   "dependencies": {
-    "react": "0.14.3",
-    "react-native": "0.16.0",
-    "react-redux": "3.1.2",
+    "fbjs": "^0.6.1",
+    "react-native": "0.18.0-rc",
+    "react-redux": "4.0.6",
     "redux": "3.0.5",
     "redux-thunk": "1.0.0"
   }

README.md

@@ -1,39 +1,11 @@
-## Example Project using React-Native 0.16 and Redux 3.0.4
+## Example Project using React-Native 0.18.-rc and Redux 3.0.4 and React-Redux 4.0.5
 
 This is a repo for starting a react-native app using Redux.
 
-There are some issues which they need to be addressed in the future:
- - React-Native >= 0.16 use Babel 6 which doesn't support `Decorator` until T2645 lands in Babel. So for binding your `connect` use the old style.
+### Usage
 
+clone the project and run `npm install`.
 
-instead of this:
-
-```js
-@connect(state => ({
-  state: state.counter
-}))
-class CounterApp extends Component {
-
-}
-
-export CounterApp;
-```
-
-use this:
-
-```js
-class CounterApp extends Component {
-
-}
-
-export default connect(state => ({
-  state: state.counter
-}))(CounterApp);
-```
-
- - Babel 6 doesn't like old .babelrc and you need to clean all .babelrc in your `node_modules`. I have provided a simple `bash script` to clean all `.babelrc` files.
-
- once you install packages using `npm install`, make sure to run `npm run clean` to remove all `.babelrc` inside `node_modules`.
-
+I have to do couple of cleanup after `npm install` you can follow up on this [react-redux issue](https://github.com/rackt/react-redux/issues/236)
 
 Cheers,