Vue.js Brasil

O que é?

Electron é um framework para criar aplicações desktop nativas usando tecnologias como JavaScript, HTML e CSS. O Electron-vue é este framework com o poder do Vue.js.

Esse tema é um tanto avançado, demanda um pouco pouco de design pattern em Javascript e saber como funciona a sua cadeia de protótipos, porém vou tentar ser o mais didático o possível para que vocês entendam sem maiores problemas.

Apesar que conter inúmeros artigos por aí a fora, poucos ou quase nenhum exemplifica uma maneira de comunicação entre componentes no Vue via v-on.

Sabemos que a recomendação é utilizar Vuex para a sanidade do projeto e da equipe de desenvolvimento, porém, os métodos $broadcast() e $dispatch(), recém depreciados na nova versão ainda tem um papel fundamental comunicação entre componentes, mesmo que se esteja utilizando Vuex.

Com a chegada do Vue 2 na versão RC (Release Candidate) já podemos dar uma olhada em geral nas mudanças que estão por vir. Primeiro, é preciso saber que houve sim alterações importantes no Vue 2, mas não uma completa reformulação da biblioteca (como aconteceu com Angular 2).

O que é?

O vue-resource é um plugin do Vue.js para fazer requisições web e gerenciar respostas usando XMLHttpRequest ou JSONP. Este plugin é compacto, dá suporte a Promises, URI Templates, interceptors para request e response e funciona em todos os browsers modernos (sim, dá suporte ao IE9).

Este post é uma tradução livre da resposta do criador do VueJS Evan You a uma pergunta feita no Quora: How popular is VueJS in the industry?

Neste artigo veremos como criar um componente no qual irá renderizar abas, que opdem conter os mais diversos conteúdos. O objetivo final é criar um componente que possui este comportamento:

VueJS é uma biblioteca para se criar web-components. Muitos desavisados que começam a ler sobre VueJS imaginam ele como um angularjs só que mais simples, por sorte basta alguns momentos com ele que você percebe que a pegada é outra. A principal diferença é a maneira de se criar aplicações com componentes, que possui pouca ou nenhuma semelhança com a maneira angularjs de se criar aplicações.

Para finalizar o básico do CRUD, já temos a leitura com paginação, e a inclusão e edição de dados. Falta remover as cervejarias.

A comunidade do Vue aqui no Brasil vem crescendo bastante, a galera conversa bastante nos grupos, posts saindo a todo momento, projetos sendo criados, enfim… tá uma loucura =D

Com a parte de leitura da tela pronta (ler os dados, paginar e realizar a busca), podemos iniciar a codificação para inserir e editar as cervejarias. Esta codificação irá alterar bastante o código Cervejarias.vue, de forma que iremos a princípio mostrar quais são estas modificações, e no final do artigo mostrar o código por completo.

Em todos os projetos sempre acabamos usando várias bibliotecas para vários fins.
Nesse artigo quero falar de uma experiencia interessante que eu tive ao usar C3.js em conjunto com os componentes do VueJS.

Hangout realizado em 28 de Julho de 2016.