Barista
Barista - the Dynatrace design system. Tailored to scale.
Overview:
Barista is the name of Dynatrace's design system that aims to provide all the necessary ingredients for creating exceptional user experiences. Similar to a barista carefully selecting the best ingredients for their coffee, Barista offers a comprehensive components library written in Angular. This design system serves as a guide to help developers create consistent and visually appealing interfaces.
Features:
- CircleCI: Integrates with CircleCI for continuous integration and build status monitoring.
- npm version: Allows users to easily manage and update the Barista components through npm version control.
- Contributors: Acknowledges and credits the individuals who have contributed to the development of the Barista design system.
- Commit activity: Provides insights into the frequency and intensity of commits made to the Barista components library.
- Changelog: Keeps users informed about the latest fixes and features added to the Barista design system.
- Browser support: Ensures compatibility with the most recent two versions of major browsers such as Chrome, Firefox, Safari, and Edge. It does not support any versions of Internet Explorer.
- Licence: Barista is licensed under the Apache Version 2.0, granting users the freedom to use, modify, and distribute the design system within their projects.
- Angular
Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- Rollup
RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.
