Fozzie Components
Public monorepo of tools, services and atomic UI components within the fozzie ecosystem
Overview:
The Fozzie Components Documentation provides guidance on how to install and use the various components in the Fozzie library. It also provides information on using Turborepo for streamlined build processes and remote caching functionality for faster development workflows.
Features:
- Mono-repo structure: Fozzie Components is organized as a mono-repo, with multiple packages controlled from a top level packages.json file.
- Package-specific configuration: Each project within the mono-repo has its own package.json file for package-specific configuration.
- Remote caching in AWS S3: Turborepo's remote caching functionality allows for publishing build artifacts to AWS S3, speeding up local development and CI workflows.
Summary:
The Fozzie Components Documentation provides comprehensive information on installing and using the components in the Fozzie library. It also highlights the use of Turborepo for optimized build processes and remote caching functionality for faster development workflows. The documentation serves as a valuable resource for developers looking to leverage the Fozzie library in their projects.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- 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.
- 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.