cleaned up code

Counters/index.android.js

@@ -1,6 +1,6 @@
-'use strict';
+'use strict'
 
-import { AppRegistry } from 'react-native';
-import Main from './src';
+import { AppRegistry } from 'react-native'
+import Main from './src'
 
-AppRegistry.registerComponent('Counters', () => Main);
+AppRegistry.registerComponent('Counters', () => Main)

Counters/index.ios.js

@@ -1,6 +1,6 @@
-'use strict';
+'use strict'
 
-import { AppRegistry } from 'react-native';
-import Main from './src';
+import { AppRegistry } from 'react-native'
+import Main from './src'
 
-AppRegistry.registerComponent('Counters', () => Main);
+AppRegistry.registerComponent('Counters', () => Main)

Counters/src/createStore.js

@@ -1,11 +1,13 @@
-import { createStore, applyMiddleware, combineReducers } from 'redux';
-import thunk from 'redux-thunk';
+// @flow
+
+import { createStore, applyMiddleware, combineReducers } from 'redux'
+import thunk from 'redux-thunk'
 
 import { app } from './modules'
 
-const middleware = applyMiddleware(thunk);
+const middleware = applyMiddleware(thunk)
 
-export default (data = {}) => {
+export default (data: Object = {}) => {
   const rootReducer = combineReducers({
     //every modules reducer should be define here
     [app.NAME]: app.reducer

Counters/src/index.js

@@ -1,9 +1,9 @@
+// @flow
+
 import React from 'react'
-import { Component } from 'react-native';
-import { Provider } from 'react-redux';
+import { Provider } from 'react-redux'
 
 import { app } from './modules'
-
 import createStore from './createStore'
 
 const store = createStore()

Counters/src/modules/app/App.js

@@ -14,7 +14,7 @@ const styles = StyleSheet.create({
 })
 
 const renderCounters = (counters, decrement, increment, incrementWithDelay) => {
-  return Object.keys(counters).map((id) => {
+  return Object.keys(counters).map(id => {
     const value = counters[id]
     return (
       <Counter
@@ -28,14 +28,8 @@ const renderCounters = (counters, decrement, increment, incrementWithDelay) => {
   })
 }
 
-const App = (props) => {
-  const {
-    addNewCounter,
-    counters,
-    decrement,
-    increment,
-    incrementWithDelay
-  } = props
+const App = props => {
+  const { addNewCounter, counters, decrement, increment, incrementWithDelay } = props
 
   return (
     <View style={styles.container}>
@@ -65,13 +59,13 @@ App.propTypes = {
 //decrement functions wrapped with dispatch. I think this is the best and cleanest
 //way to seperate your connect and your pure function.
 export default connect(
-  (state) => ({
+  state => ({
     counters: state.app.counters
   }),
-  (dispatch) => ({
+  dispatch => ({
     addNewCounter: () => dispatch(actions.newCounter()),
-    increment: (id) => dispatch(actions.increment(id)),
-    decrement: (id) => dispatch(actions.decrement(id)),
-    incrementWithDelay: (id) => dispatch(actions.incrementWithDelay(id))
+    increment: id => dispatch(actions.increment(id)),
+    decrement: id => dispatch(actions.decrement(id)),
+    incrementWithDelay: id => dispatch(actions.incrementWithDelay(id))
   })
 )(App)

Counters/src/modules/index.js

@@ -1,8 +1,6 @@
-import app  from './app'
+import app from './app'
 
 //in this section keep importing yout modules
 
 //and exporting them here
-export {
-  app
-}
+export { app }