Coisas que amo no Vue [parte 1]

Olá pessoal, eu sou o Felipe, criador e autor desse blog.

Essa é minha primeira postagem aqui, e irei comentar minha trajetória com o vue e onde começou esse carinho por esse incrível framework

Conhecendo o Vue

Em meados de 2017 foi quando todo esse amor pelo Vuejs começou. Nessa época eu ainda estava trabalhando como backend numa startup em São Paulo utilizando ruby on rails e possuía uma lembrança de uma estrutura fadigada de trabalhar Javascript, porem ciente das continuas melhorias que vinham chegando para a linguagem.

Meu irmão, o @tonhaoSantos foi quem me apresentou. Ele tinha acabado de entrar para equipe como sendo o FrontEnd e nesse período lembro que a empresa estava crescendo cada dia mais, entao, o CTO pretendia trazer melhorias ao projeto e utilizar ruby on rails não estava sendo cabível (não retiro o mérito de vantagens de implementação rápida e sua escalabilidade), contudo uma das recomendações do meu irmão para agilizar e trazer performance ao time de produto foi o Vue.

Um período na qual o React predomina/predominava e o Vue ainda engatinhando e trazendo melhorias, achei meio ousado e interessante seu interesse em utiliza-lo. A partir daí, estava para acontecer a primeira Vue.js summit 2018 em São Paulo organizado pelo ansiosa para ver a novidade, como os devs estavam utilizando, fomos com o intuito de sair de lá ciente sobre tudo e mais um pouco sobre o Vue.

Resumindo a história, sei que saí mais encantado com o Vue e em como ele pegava as melhores partes de Angular e React, adicionava mais características saborosas próprias oferecendo um design moderno simples e minimalista com uma sintaxe e organização de código que não tinha visto antes em nenhum framework progressivo Javascript (não entrarei em flame war, ambos são apenas javascript e esse texto reflete minha opinião)

Principais razões para usar o Vue

Iniciar um projeto e configurar o vue é muito simples.  Para iniciar o desenvolvimento, você só precisa carregar a interface e adicionar JavaScript:

Sintaxe

A sintaxe de modelo que você recebe por padrão do Vue é mínima, sucinta e muito fácil o que torna sua curva de aprendizado muito mais fluída, rápida, intuitiva e que ajuda muito desenvolvedores iniciais (não indico passar para qualquer framework sem ao menos aprender e entender como desenvolver com javascript primeiro)

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'

<div id="app">
  {{ message }}
</div>

Single File Components

Componentizar seu projeto e separar cada item, seja ele um fragments ou layout e ou até mesmo suas páginas, com o vue fica tudo prático e fácil de se entender, até mesmo em projetos grande onde se tem uma grande quantidade de códigos. Um código spaghetti nunca é aconselhável.

Ele te encoraja a manter seu código curto para cada componente.E ainda se o JavaScript, CSS e HTML para o seu componente está ocupando muitas linhas, então talvez seja hora de modular ainda mais.

Diretivas

O vue possui diversas diretivas que te ajuda em quase tudo o que precisar, mas o mais interesse é o poder que ele te da em criar suas próprias diretivas personalizadas amenizando a necessidade de modificar e ou acessar diretamente a DOM

Gerenciamento de estado

Gerenciar o estado geralmente torna-se um problema complicado que, usando apenas uma biblioteca a vezes não é possível resolver. A solução do Vue para isso é a biblioteca vuex. É fácil de configurar e se integra muito bem . Eu acho que a integração entre o vue e o vuex é mais pura e mínima do que a do redux por exemplo.

Comunidade e documentação

A sua documentação é muito boa, bem intuitiva e traduzida pela comunidade BR para o nosso português. Mas caso ainda precise de mais uma ajudinha, existe ótimas comunidade ativas 'gringa's e BR no stackoverflow, discord, e etc.

Em resumo, esses são os pontos que eu queria abordar nessa primeira postagem sobre o Vue. Sem dúvidas ele é uma uma excelente escolha para qualquer projeto JavaScript que você possa estar começando a seguir e que pode te economizar um prazo.

Sempre é bom estudar Vue, comece hoje e sinta-se livre para conversarmos mais sobre, caso tenha alguma duvida.

Espero que tenha gostado e até a próxima parte.