BOL Component Library

A reusable React component library for commercial BOL applications, built to maintain consistency, reusability, and efficiency across micro front-end (MFE) projects.

📦 Features

• Reusable, well-tested UI components for commercial BOL React Projects.
• Built using modern React and TypeScript
• Optimized for integration with micro front-end architectures

🚀 Getting Started

Linking the Component Library to a MFE

• Open a terminal in the bol-component-library
• run npm link
• open another termianl in the MFE project you want to link to the library.
• run npm link bol-component-library
• Now there will be a symbolic link between the projects.
• You can now run the MFE project
• you can now reference the library in your app such as:

export default function Example() {
    return <MyButton label="test button" />
}

• Now you can run npm run rollup:watch in the component library.
  • This puts a watch in the project for any changes. If there are, it will rollup the project again and you can refresh your screen and the changes will be in place. If you added or removed parameters they will reflect in the MFE project as well.
• Once you are finished make sure to unlink the library from your MFE. In the MFE project termial run npm unlink bol-component-library
• then the same command in the library terminal

Docusaurus

https://docusaurus.io/docs