react-native-demo

App Stack

  • React Native (For comparison discussion of existing native implementations)
  • Redux (state management)
  • Redux-Saga (endpoint management)
  • Native Base (Picker Component)

General Approach to Endpoint implementation:

  • Endpoint transactions are abstracted into a general purpose redux middleware using sagas
  • multi endpoint transactions are sagas consuming the general endpoint saga for very light weight composition
  • endpoint data is housed in Redux. It is managed in 4 reducer slices (auth, product, inventory, order)

UI Approach:

  • Used tab interface (Products, Inventory, Orders)
  • Screens backed by paged endpoints use the redux record count, total from the endpoint response and the next page to be requested as component state details
  • Entity Create/View/Edit/Delete are implemented in a single nav screen that can be recursively called with a layout flag to indicate which layout to render

Other Explorations

  • Use Typescript
  • Use React hooks