Simplifying the creation of a React application with Redux With our easy to use interface you can build out the scaffold of your application. Without getting bogged down in the 'boiler-plate' code that is a nessessary part of Redux. Once you have the components, store and actions you want, click on the export button and you will receive a project directory in a zip file ready to add deeper functionality and integrate with a variety of stacks.
- Neal Williams
- Cody Unger
- Daniel Darrach
See CONTRIBUTING.md for contribution guidelines.
The Interface is divided into 4 main sections
- Components
- App Tree
- Store Schema
- Actions
You can toggle any of these views in the top right by clicking the section name.
In this section you can create and name new components. click the '+' to add one then click and drag it to whichever other component should render that new component hovering over the compoennt will also expose a few tools for that specific component including: - Edit the name - Expand or hide it's direct decendents
This section will visualize the decendancy of your components. From here you can also connect the components to the store, specify what actions should be available, and link props from a parent or the store.
From here you will specify what you want to keep in the store, naming and specifying the types of information. The Add Property wizard will help to make sure you can specify exactly what type of data you're expecting to keep, making specifying actions a breeze!
This section will show all the actions you have specified for the app so far. click the '+' to open the Add Action wizard that will help you create all the actions you need, linking in all the store properties you've specified. Change your mind later? no problem! hover over the action you need to change and you will be able to edit it!
- Node 6.9.x
- Redis 3.2.x
brew install yarn
Yarn is a replacement for npm. It's faster and guarantees consistency -- as you deploy your code in various environments, you won't run the risk of slight variations in what gets installed.
yarn global add grunt-cli knex eslint
Override settings config/default.json in any environment by making a copy of config/ENV.example.json and naming it config/ENV.json and setting the appropriate variable.
For environments that require use of environment variables, you can supply variables as defined in config/custom-environment-variables.json.
See https://www.npmjs.com/package/config And https://github.com/lorenwest/node-config/wiki/Environment-Variables#custom-environment-variables
To run webpack build: yarn run build
To run server: yarn run start
To run tests: yarn run test
To run your redis server for the session store redis-server