Tech Introduction

The Sandbox is a single-page application built mainly using React (UI components) and Redux (application state management following the Flux pattern) libraries. When making changes to this tool, it is recommended to understand the basics around these libraries. The main folders to focus on are actions, components, reducers and retrieve-data-helpers, all within the src directory. See other pages for more description on these main parts.

The goal behind the architecture is that React and Redux mainly handle uni-directional flow of data. The view updates the Redux store via actions (i.e. when the Patient View button is clicked), and once the store determines how its state changes due to this incoming action (this takes place in the reducers), it notifies any views that care about the data changed in the store, and the view will update accordingly (through the help of react-redux library).