Rei Cedar Vue 2
Welcome to the REI Digital Design System presentation framework. A home for modular components based on our evolving design patterns.
Overview
The REI Cedar Vue 2 has been a significant player in the Vue component library domain, but it’s important to note that it has been deprecated and will see its support end in Spring 2023. Despite this, it offers a robust platform for developers who are still utilizing its capabilities, especially within the REI ecosystem. With a focus on effective development practices, it provides a streamlined process for both development and testing.
Transitioning into this library involves a few steps for setup, but once in place, the features allow for effective graphical development and testing. While it may be on its way out, it serves as a testament to REI's commitment to building effective development tools.
Features
-
Hot Reloading: While running locally, the library offers hot reloading, allowing developers to see changes in real-time without refreshing the browser.
-
Unit and E2E Testing: With commands like
npm run unitandnpm run e2e, it supports comprehensive testing solutions to ensure quality and performance. -
Visual Regression Testing: Utilize BackstopJS to perform visual audits, with commands to create reference images and compare them against changes to ensure the visual integrity of components.
-
Commitizen Friendly: Supports a Commitizen approach, making it easier to adhere to conventional commit guidelines during the development process.
-
Configurable Backstop Scenarios: Customization options for backstop scenarios allow focus and hover selections, providing enhanced flexibility in testing environments.
-
Prerelese Publishing: Easily publish pre-release versions using the
npm run prereleasecommand, making package management seamless prior to the stable release. -
Streamlined Installation: Quick installation process via npm allows developers to get up and running with minimal hassle, ensuring a smooth experience from the get-go.
- 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.
- 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.
