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: