Content:

๐Ÿ“”ย Getting Started ๐Ÿ’กย Create components ๐Ÿ“ฃย Modify component ๐Ÿ“‚ย Deploy components ๐Ÿ“ย Document component


Overview

Aqua as a library must have a foundation in business logic, a preliminary design already validated and must solve a concrete need in a transversal way for the development teams. In this way it makes sense as a component.

Also be considered that Aqua also relies on some of the principles that the design: Consistency and Efficiency (Know more about Design Principles). On the other hand as a library is supported by other development principles:

Scalability

The project is builded with guidelines that allows the posibility to create other components without much complexity and without affecting other components that does not have a dependency of other component.

Maintenance

By the way in which the project was carried out perform maintenance to a component or do debbug to fix a bug, is a process becomes an easy task.

Reusability

Any component of Aqua can be reused in the views without problems only if the implementation is correctly done, to achieve this the developer can go to the interactive documentation (Playground) or the written documentation and check if they are well done.

Readability

The project is builded with all the guidelines and methodologies that are used in all front-end development teams, this guaranteeing a clear architecture, an familiar, maintainable and easy-to-read code.

This ensures all of this foundations at the moment of implement the library inside any project providing a comfortable solution for the developer and a satisfactory response and interaction for the user.


Aqua Library Building

Js Framework:

Untitled

Aqua is made only with Vue2, by the nature of the project doesnโ€™t use **Vuex** or VueRouter


Testing Static code:

Untitled

To perform the local Aqua testing use ESLint as a Lintern with the configuration of Airbnb


CSS Preprocessor:

Untitled

At the level of styles Aqua use **SCSS** with the **7-1 pattern** and BEM Methodology


Unit Testing:

Untitled

To perform the Unit Testing of the components ****use VueTestUtils


CSS Framework:

Untitled

At the Base Style Vendor use Bulma as a CSS Framework


Libraries:

Untitled

As a extra libraries Aqua use **PopperJs, v-calendar-ie11, MomentJs, VueDraggable, NumeralJs, vue-tables-2,** these resources are fully explained in Libraries/Dependencies section.


Masiv Libraries: