Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update vuesax-4.md #1

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
68 changes: 34 additions & 34 deletions blog/articles/vuesax-4.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,88 +10,88 @@ tags:
- Announcements
---

## Why a new major version?
## Why a New Major version?

Vuesax is a radically new framework and with an idea of ​​being different from other frameworks, we love what we have achieved so far in v3.x but now we want to give a total change in many features and improve the internal code as in the design
Vuesax is a radically new framework and with an idea of ​​being different from other frameworks, we love what we have achieved so far in v3.x but now we want to totally change many features and improve the internal code and design.

## What are the most important changes
## What Are The Most Important Changes

We want to improve the structure and logic in our components, variables, classes (css), design and other things
We want to improve the structure and logic of our components, variables, classes (css), design and other things.

### Change the logic in the components
### Change The Logic In The Components

We need that the components have a similar logic and that the code between them is relatively similar to have a better support and management, we want to divide the code and make it more global with mixins for characteristics that are repeated in the components
Our goal is for the components to have similar logic and reusable code. This will make support and management musch easier. We want to divide up the code and make it more global, with mixins for characteristics that are repeated in the components.

We will change the design line and thus have a similar appearance in all the components giving a better visual appearance
We will change the design to give the components a more unified and attractive appearance overall.

We want to document better the code and each variable property and data that has a necessary explanation, with this the community can help much easier to solve any bug or add functionalities without code or logic clashes
We want better documentation. More thorough documentation will empower the community to solve any bug or add functionality without code or logic clashes.

### Changes in documents
### Changes In Documents

In v4.0 we will change the documents and redo them as much as possible for a better understanding, create a blog for more specific topics and be able to go deeper in tutorials
In v4.0 we will change the documents and redo them as much as possible for a better understanding, create a blog for more specific topics and be able to go deeper in tutorials.

the documents will be more intuitive and with examples on pages like codesandbox or codepen giving an opportunity to the playground with each learning
The documents will be more intuitive, with examples on pages like CodeSandbox or CodePen, giving users the chance to experiment with features.

we will have an api of all the most important properties and global functions, so we will be able to understand the framework better
We will have an API of all the most important properties and global functions, so we will be able to understand the framework better.

we will change the documents to the latest version of Vuepress giving funcinalities and improvements to the reader
We will change the documents to the latest version of Vuepress giving funcionalities and improvements to the reader.

### Responsive Components

The components will have a great responsive support so that they can be used in any type of project
The components will have great responsive support so that they can be used in any type of project

### CSS Var
### CSS Variables

We are going to implement the css variables as the main variables of the framework, thus giving a better management of the themes and colors in time of execution, such as the need to change the subject from light to dark with just one click
We are going to implement CSS Variables as the main variables of the framework, providing better management of the themes and colors in real-time, such as the ability to change the subject from light to dark with just one click.

With this change the components can be much more customizable in colors and simplifies their manipulation with js for only css treatment eliminating code and adding fluency
With this change the components can be much more customizable in colors. This also simplifies their manipulation with js for only css treatment, eliminating code and adding fluency.

### Syntax

The components are going to have a not very drastic change in the syntax as variable properties clobal (data) but we do not want to change much this aspect since the migration would not be very complicated from v3.x to v4.0
The components are going to have a not very drastic change in the syntax as variable properties clobal (data) but we do not want to change this aspect too much, since the migration would not be very complicated from v3.x to v4.0

### Design

A design system will be implemented for a better visual experience, documents will be implemented on how to use the components so that they have a visual coherence
A design system will be implemented for a better visual experience, documents will be implemented on how to use the components so that they have a visual coherence.

We will create files for designers and some adventurous programmers who want to design before programming to see what the final product will look like with the components of vuesax
We will create files for designers and some adventurous programmers who want to design before programming to see what the final product will look like with the components of vuesax.

Files (Vuesax.xd)


### Stylus Var
### Stylus Variables

Global stylus variables are going to be created to change the whole aspect of the framework like `$ vs-text-color` or` $ vs-border-radius` and so just change the value and all vues change, giving better flexibility and treatment
Global stylus variables are going to be created to change the whole aspect of the framework, like `$ vs-text-color` or` $ vs-border-radius`. This will allow you to make global styling changes to your project by just changing top-level variables.

you will also create more specific variables to each component like `$ vs-button-border-radius` and thus be able to manipulate the components without having to add your own style, of course there are some cases in which we need our own style
There will also be more specific variables for each component like `$ vs-button-border-radius` and thus you will be able to manipulate the components without having to add your own style (of course there are some cases in which we need our own style).

### New Components

The components that are already created will be improved and in some cases redone so that they can enter the new design and code system
The components that are already created will be improved, and in some cases redone, so that they are optimized for the new design and code system.

We want to create new components that we know we still need as **datePicker** or **slide** but first we want to focus on changing and adjusting the entire framework to start with the right foot and have everything as we expect
We want to create new components that we know we still need as **datePicker** or **slide** but first we want to focus on changing and adjusting the entire framework to start off on the right foot and have everything as we expect.

### Componentes Pro
### Components Pro

We are going to create a line of Pro Components, which are simply different components to noramles like buttons or select, it is more focused on complex components and they are not so used but they surprise and are functional something like a ** slide ** or a ** list of social networks **
We are going to create a line of Pro Components. These will not simply be your typical buttons or selects, but more focused on complex components.These will be flashy and functional, for example something like a ** slide ** or a ** list of social networks **.

these components are going to be included in vuesax core but we believe that it can be divided into something like vuesax@pro to not include them only if they are necessary for the project
These components are going to be included in vuesax core but we believe that it can be divided into something like vuesax@pro, so they can be included only if they are necessary for the project.

### Themes

We are implementing support for completely different topics between them and not only in colors but in design, figures, functionality and ux, an example of a serious theme theme for websites by default vuesax is designed to make applications and when we try to use it in a web that we need that surprises or is not typical then we use the web topic giving a different approach.
We are implementing support for completely different themes and not only in colors but in design, figures, functionality and ux. Themes will be optimized for various uses, whether website or app.

### Vuesax-pugins

we are going to create plugins for the community and thus be able to implement vuesax easier as in the cli de vuejs or use it for example in vsCode with a syntax help.
We are going to create plugins for the community and thus be able to implement vuesax easier through the Vuejs CLI or use it, for example, in VS Code with snippets.

### soporte para varios lenguajes
### Support For Various Languages

The support for different languages ​​will be implemented and thus be able to change all the key texts in the components with a single process
Support for different languages ​​will be implemented and you will be able to change key text in the components with a single process.

### much more
### Much More

There are many more changes that we are going to implement and that will greatly improve Vuesax and all its ecosystem we want to be a great framework within the community and help all programmers to achieve that great idea
There are many more changes that we are going to implement and that will greatly improve Vuesax and all its ecosystem. We want to be a great framework within the community and help all programmers to achieve that great idea!

## Final Release

Expand Down