Baklava
Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.
Overview:
Baklava is a design system provided by Trendyol that aims to create a consistent UI/UX for app users. It is implemented as native web components, allowing it to be used within various web frameworks such as Vue, React, or Angular. The goal of Baklava DS is to provide a UI library that is well-designed and developed, offering the best possible user experience for applications that utilize it.
Features:
- Native Web Components: Baklava is implemented as native web components, allowing it to be used with different web frameworks.
- Consistent UI/UX: The design system helps create a consistent and unified user interface and experience across applications.
- High Performance CDN: The preferred way of using Baklava is through a CDN, ensuring high performance and availability of the library.
Summary:
Baklava is a design system provided by Trendyol that offers a consistent UI/UX for app users. It is implemented as native web components, making it compatible with various web frameworks. The use of a high-performance CDN ensures the availability and optimal performance of the Baklava library. Contributions to the design system are encouraged and can be made in the form of design suggestions, documentation improvements, code improvements, or the addition of new features. Useful links to documentation, design resources, and the project board are provided for further information.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- 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.
- Storybook
Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.
- 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.
- Web Components
Web components provide a way to create reusable, encapsulated UI components using standard web technologies such as HTML, CSS, and JavaScript. They allow developers to create complex UI components that can be easily shared across multiple projects and frameworks. Web components are built using four main specifications: Custom Elements, Shadow DOM, HTML Templates, and ES Modules.
