Overview
The design_system is a centralized repository for managing UI components. Its purpose is to separate UI logic within the component library and keep business logic within the actual application. This approach ensures consistency across all applications, accelerates frontend development, and allows for customization through theme overrides. The project is built using Create React App.
Features
Separation of Concerns: UI logic is kept within the component library, while business logic is added in the application.
Consistency: Ensures a specific degree of consistency across all applications.
Rapid Development: Speeds up the frontend development process.
Customization: Allows for a high degree of customization through the overwriting of the theme object.
Installation
To install the design_system, follow these steps:
- Install from the command line:
npm install design_system
- Install via package.json: Add the following line to your package.json dependencies:
"design_system": "version"
- Development: Clone the GitHub repository locally and run the following command to build the package (before updating an external repository):
npm run build
It is important to run this command after making changes to components or configurations.
Summary
The design_system is a centralized repository for managing UI components. It promotes separation of concerns, ensuring consistency across applications and accelerating frontend development. It also allows for customization through theme overrides. The installation process is straightforward and can be done via command line or package.json. Overall, the design_system is a valuable tool for frontend development.