Skip to content

Latest commit

 

History

History
34 lines (24 loc) · 1.37 KB

README.md

File metadata and controls

34 lines (24 loc) · 1.37 KB

Panels

A Panel component represents a top level element of a UI - the primary/significant capability of a page. A Panels responsibility is not only to compose Element and Group components to implement the required UI, but to own and manage activities such as data fetching, state reduction, integration with the wider UI and so on. For example, a Panel would on mount make a request for and own the response for a piece of data, and while this request is happening, swap in and out Group and or Element components to represent the loading/error/success states.

Test approach

Bootstrap should be tested in a behavioural manor. See Behavioural Driven Development.

Expected files

For a given Panel component Topics, the expected files are as follows:

Panels/
  index.ts
  Topics/
    index.ts
    README.md
    View.ts
    Model.ts
    Styling.scss

Where:

  • index.ts acts as a barrel file, exporting the public API of this component/component bundle.
  • README.md is the readme for this component, detailing design choices and usage
  • View.ts is the view logic for this component
  • Model.ts (optional) is the model (business) logic for this component
  • Styling.scss (optional) is the styling for this component

Components

Components to be added here on implementation, with summary of purpose/usage and a link to it's README.