Take it to the next level with Redux-Gen

Redux-Gen allows you to automatically generate OR add to your redux files a skeleton so that you only have to worry about the content of your applications.

Goal

• Generate actions/ and reducers/ files via CLI
• Do not rewrite the same code several times
• Keep a naming standard in your redux files
• Generate the minimum reliable, stay flexible
• Save time!

Installation

NPM

1npm i redux-file-generator -g

You must absolutely have in your project a "actions" and "reducers" folder.

⚠️ Your "reducers" folder must be deeper than your "actions" folder.

WORKING ✅

1src/
2    redux/
3        reducers/
4        actions/

1    src/
2        actions/
3        redux/
4            reducers/

NOT WORKING❌

1src/
2    reducers/
3    redux/
4        actions/

Usage/Examples

Redux-gen is integrated in the CLI and its use is done via the answers to the question asked.

1$> redux-gen
2✔ What do you want to do? › Create/Append action and reducers
3✔ Name of the files (with extension) … login.js
4? Select an action prefix › - Use arrow-keys. Return to submit.
5❯   GET
6    DELETE
7    POST
8    UPDATE
9? Pick action types do you want › - Space to select. Return to submit 
10◉   SUCCESS
11◉   FAILURE
12◯   LOADING
13✔ Type the action name (GET + ACTION NAME + SUCCESS,FAILURE) … TEST
14Looking for files in the current directory... in ~/Desktop/Projet_perso/redux-gen
15Action types generated: 
16export const GET_TEST_SUCCESS = 'GET_TEST_SUCCESS';
17export const GET_TEST_FAILURE = 'GET_TEST_FAILURE';
18Reducers and actions directories found! :)
19Reducers and actions directory depth are the same! :)
20Found files: /actions/login.js
21Found files: /reducers/login.js
22Reducer appended to file: login.js

Contributing

Contributions are always welcome!

Feel free to contribute to this small personal project to add some features or others to make our life easier.