Code Generator for Redux

Prerequsites

npm install -g redux-store-codegen

npm install redux react-redux redux-thunk

Instructions

1. cd into the directory you want to create the store in
2. create store.schema.json file in the directory, each root level key represents a module, eg.

1{
2	"auth": {
3		"user": {
4			"value": {},
5			"isAsync": true,
6			"asyncVerb": "fetch"
7		},
8		"access_token": null,
9		"refresh_token": null
10	},
11	"posts": {
12		"posts": {
13			"value": [],
14			"isAsync": true,
15			"asyncVerb": "fetch"
16		}
17	},
18	"comments": {
19		"comments": null,
20		"likeCount": null
21	}
22}

Note: If isAsync flag is provided, _BEGIN, _SUCCESS, _FAIL action types will automatically be created along with relevant state flags

3. run script, passing in schema as first parameter

create-redux-store ./store.schema.json

4. /store directory will be auto generated, enjoy!

Note: import your newly created store from /store/store.js in App.js component and wrap with provider as per redux installation guide: https://react-redux.js.org/introduction/quick-start#provider

Generated Store Example

Action Types

Action Creators

Reducers

Selectors