Skip to main content

Overview

React components are the building blocks of a React application. They are reusable UI elements that can be composed together to build a complex UI. Record Books uses a component-based architecture to build up the UI. This helps build a scalable and maintainable codebase, while also keeping the feel of the application consistent.

Components can be found in the src/app/components directory.

The current project has 3 main types of components: site-wide components, page-template, page-specific components. Site-wide components are components that are used across multiple pages and don't really change, such as the Navbar and ActionBar. Page-template components are like site-wide components which are used to similar pages, such as the FormModel. Page-specific components are components that are used only on a specific page, and are generally defined in the same directory as the page they are used on.

The primary three compnent sets are:

  • Generic: Site-Wide components that are used across the application.
  • Models: Page-Template components that are used in pages with data entry.
  • Reports: Page-Template components that support PDF generation.