Workflow

ARc is structured in a way that makes it easier to work on different parts of the application with distinct focuses.

When introducing a new feature or even starting the project from scratch:

1. Create presentational components

   You'll usually start by writing dumb components, just focusing on presentational logic. Storybook can help you with that. At this point, you can use generact to generate new components and improve your productivity:

   

2. Create containers

   Then, you can focus on what that feature will do with the app state (actions) and which part of the state it will need (selectors). generact can also help you here.

3. Write redux module tests (recommended)

   After creating containers, you'll have a good sense of what actions and selectors you'll need. You can write integration tests to make sure that you'll have proper state when dispatching an action.

4. Create redux modules

   The last step is to figure out how reducers and/or sagas will respond to dispatched actions so you can modify the app state and/or make side effects.