Files
trunk-server/frontend/notes.md
2021-02-20 11:56:59 -05:00

1.6 KiB

Elements Used

  • Create React App
  • Redux
  • Redux Thunk: lets you do AJAX calls
  • connected-react-router: Synchronize router state with redux store through uni-directional flow (i.e. history -> store -> router -> components). Basically, if you go back the redux store will update... I think
  • axios - library for doing HTTP requests
  • @artsy/fresnel - Handles media requests for responsive designs and works server side too. https://github.com/Semantic-Org/Semantic-UI-React/pull/4008. Used for the Main page to make it responsive.
  • React Date Picker - the popup calendar that lets you pick a date. Used in the calendar Modal.
  • React Audio Player - This is a light React wrapper around the HTML5 audio tag. It provides the ability to manipulate the player and listen to events through a nice React interface
  • date-fns - date-fns provides the most comprehensive, yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js. Used in the calendar modal to figure out how far apart days are.
  • Semantic UI - The UI frontend
  • react-router-dom - Adds routes to React

Environment Variables

CRA lets you sub in env variables into both HTML and JS: https://create-react-app.dev/docs/adding-custom-environment-variables/