Skip to content

Development

Juho Junnila edited this page Dec 13, 2019 · 6 revisions

Developing, testing and building

Please refer to the app README for information about running the development server, building the production package and running tests.

Architecture

Application architecture

The following diagram describes the architecture and general data flow of the application.

Component architecture diagram

In the application, the React components call action creators (through user interactions) which dispatch actions to reducers and middleware. Reducers update the store state while middleware control global window event handlers and provide utilities for debug logging. The store state and component state is synchronized using React-Redux's connect function, mapping the data and events between the two.

React component architecture

The following diagram describes the architecture of the React components.

Component architecture diagram

Tools

Clone this wiki locally