Skip to content

Latest commit

 

History

History
15 lines (12 loc) · 1.58 KB

frontend-overview.md

File metadata and controls

15 lines (12 loc) · 1.58 KB

How the frontend works

React structures the application into components instead of technologies. This means that everything that gets rendered on the page has its own file based on its functionality instead of regular HTML, CSS, and JS files. For example, the new report form lives in client/src/pages/reports/New.js and contains everything needed to render that form (all the CSS, HTML, and JS). It comprises a number of other components, for example the Form and FormField components which live in client/src/components/Form.js and client/src/components/FormField.js, which likewise contains everything needed to render a form field to the screen. This makes it very easy to figure out where any given element on screen comes from; it's either in client/src/pages or client/src/components. Pages are just compositions of components written in HTML syntax, and components can also compose other components for reusability.

Random Documentation!!

How to add a new field to an object

  1. Create a migration to add it to the database tables
  2. Edit the bean object to add the field and getter/setters
  3. Edit the Mapper class to map the field when it comes out of the database
  4. Edit the Dao class to: a. add it to the list of Columns in the *_FIELDS variable for the class. ( ie PersonDao.PERSON_FIELDS) b. update any SQL to ensure the value gets INSERTed and UPDATEd correctly.
  5. update the bean tests to include having this property and update the src/test/resources/testJson to include the property.
  6. Update the resource unit tests to try setting, fetching, and updating the property.