Reducers

README.md

@@ -50,6 +50,14 @@ yo react-native:component MyComponent
 yo react-native:component MyComponent --stateful
 ```
 
+### `reducer`
+
+An easy way to scaffold a reducer. It creates the reducer itself an example way to keep organise your associated actions.
+
+```
+yo react-native:reducer MyReducer
+```
+
 ## Manual Notes
 
 ### After `react-native:base`

generators/reducer/index.js

@@ -0,0 +1,59 @@
+var Generator = require('yeoman-generator');
+var path = require('path');
+
+module.exports = class extends Generator {
+  constructor(args, opts) {
+    super(args, opts);
+
+    // name of the app based on the directory name generated by React Native
+    this.name = process.cwd().split(path.sep).pop();
+
+    this.argument('reducer', { type: String, required: true });
+  }
+
+  writing() {
+    var reducer = this.options.reducer;
+    var reducerConst = reducer.toUpperCase();
+    var reducerSlug = reducer.toLowerCase();
+
+    // create entry points for Android and iOS
+    this.fs.copyTpl(
+      this.templatePath('reducer.js'),
+      this.destinationPath(`App/Reducers/${reducer}.js`),
+      {
+        name: this.name,
+        reducer: reducer,
+        reducerConst: reducerConst,
+        reducerSlug: reducerSlug,
+      }
+    );
+
+    this.fs.copyTpl(
+      this.templatePath('actions.js'),
+      this.destinationPath(`App/Actions/${reducer}.js`),
+      {
+        name: this.name,
+        reducer: reducer,
+        reducerConst: reducerConst,
+        reducerSlug: reducerSlug,
+      }
+    );
+  }
+
+  end() {
+    var reducer = this.options.reducer;
+    var reducerConst = reducer.toUpperCase();
+    var reducerSlug = reducer.toLowerCase();
+
+    this.log('Please make sure to add this to your root reducer.');
+    this.log('App/Reducers/index.js');
+    this.log(`
+      import ${reducer} from '${this.name}/App/Reducers/${reducer}';
+
+      const reducers = combineReducers({
+        // ...other reducers
+        ${reducerSlug}: ${reducer},
+      });
+    `);
+  }
+};

generators/reducer/templates/actions.js

@@ -0,0 +1,6 @@
+// @flow
+export const <%= reducerConst %>_EXAMPLE = '<%= name %>/<%= reducerConst %>_EXAMPLE';
+
+export const <%= reducerSlug %>Example = () => ({
+  type: <%= reducerConst %>_EXAMPLE,
+});

generators/reducer/templates/reducer.js

@@ -0,0 +1,21 @@
+// @flow
+import { <%= reducerConst %>_EXAMPLE } from '<%= name %>/App/Actions/<%= reducer %>';
+
+type State = {
+};
+
+type Action = {
+  type: string,
+};
+
+const initialState = {
+};
+
+const reducer = (state: State = initialState, action: Action): State => {
+  switch(action.type) {
+    default:
+      return state;
+  }
+};
+
+export default reducer;