Skip to content
An application to generate redux code based on initial states
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.gitignore
.prettierrc
README.md
package.json
tsconfig.json
yarn.lock

README.md

Redux Code Generator

An application to generate redux code based on initial states.

Site


The problem

You love redux where everything is simple and explicit, but you hates to write so many codes just to do a operation. Introducing abstration may reduce the code, but it is no longer simple and explicit.

This solution

This is a web application that takes your reducer default state as input, and produces the following codes:

  1. action-keys - the constants to shared between your actions and reducer
  2. actions - all the action creators
  3. reducer - the reducer
  4. selectors - selectors to query data from your store
  5. unit tests - Jest unit tests that test action creators, reducer, and selectors together

Usage

  1. Enter your initial state json into the "Initial State" text field. All the code will be generated!
  2. If you would like to prefix your store/actions/reducer, use the "Store Prefix" field.
  3. Select your application language (Javascript/Typescript). (Note: Typescript requires typesafe-actions package)

Limitations

  1. It is assumed that the initial state is a plain object (not array).
  2. It is fine to have array in your state, but this application could not handle another array as descendent of array. (It is bad practice to have such redux store anyway).
  3. Unit tests only support Jest
You can’t perform that action at this time.