@bloomreach/brie

BRIE

Frontend user interface library for the content pillar.

About

Brie is a library and collection of UI components meant to be used within all the brXM frontend applications, with the ultimate goal of building a consistent user experience.

Brie in a nutshell

• It's build on top of Angular Material.
• It's strongly typed
• It’s opinionated
• It’s built to serve a set of specific goals listed below. Technical decisions taken are directly related to the priority of these goals.

Goals

• Consistency across all apps
  • In UX/UI
  • In implementation (code)
• Reduce time spent in developing UI’s
  • By reusing existing components
  • By removing the need to add glue code wherever possible
  • By removing the need to duplicate unit & integration tests through configuration driven components
  • By enforcing HTML structure & styling consistency for e2e tests
• Eliminate/reduce chances of having UX “exceptions”
• 1 place to develop UI components
• 1 place to align/update the entire UI from to match Design System
• Ease of adoption and guidance for new engineers
• A Don’t make me think approach to UI development
• Restricting flexibility in order to enforce consistent implementation
• Facilitate collaboration between the Design & Engineering teams, through third party apps like Storybook and Figma
• Modular for partial imports

Copyright 2022 Bloomreach. All rights reserved.