Rendered components are controlled with state. This enables changing the hierarcy of rendered components dynamically. Also props that components receive are controlled by state.
Setup the initial rendering of components by editing .app in src/store/initialState.js
Components are setup by following example:
{
element: App,
// Where App is an component.
props: [['data', 'people', 0, 'name'], ...],
// Declares a path to wanted prop. Accept multiple paths to props as arrays. Example equals state.data.people[0].name
children: [
{
element: ...
...
},
...
]
// Children can be components presented in the same way as shown or just text
}
ActionCreators are recommended to be placed src/store/actionCreators
Mapping of actions to states should be placed in src/store/actionsToStates/modules
under some module. When creating modules remember to add the new module in src/store/actionsToStates/modules/index.js
yarn install
yarn start