Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Vue.js 2017 - A estrada até aqui

Vinicius Reis
January 25, 2018

Vue.js 2017 - A estrada até aqui

Vinicius Reis

January 25, 2018
Tweet

More Decks by Vinicius Reis

Other Decks in Technology

Transcript

  1. Vue.js 2017
    A estrada até aqui

    View Slide

  2. Vinicius Reis
    @vinicius73
    @LuizVinicius73
    Gravo aulas sobre Vue.js, JavaScript e Laravel para codecasts.com.br
    Engenheiro de Aplicações @ Decision6

    View Slide

  3. Do começo...

    View Slide

  4. Evan You, o criador do Vue.js
    Trabalhou no Google e no Meteor antes de se
    dedicar exclusivamente ao Vue.js
    Atualmente recebe mais de USD 12.000 pelo
    patreon para se dedicar exclusivamente ao
    desenvolvimento do Vue.js

    View Slide

  5. Vue.js v0.6.0
    Em dezembro de 2013, nasce oficialmente o
    Vue.js
    Uma simples ideia que mostrou potencial...
    E hoje conta com 27 membros no Github.

    View Slide

  6. Open Collective
    Além do patreon Vue.js recebe mais apoio
    financeiro da comunidade, dessa vez voltado
    para gastos do projeto, membros e eventos...
    Em 2018 estima-se que o projeto receba mais
    de USD 28.000 em contribuições pelo Open
    Collective.

    View Slide

  7. 2017

    View Slide

  8. Vue.js v2.2.0
    A versão 2.0 do vue saiu no final de 2016, e nos
    primeiros meses de 2017 tivemos o Vue v2.2,
    com inúmeras melhorias e novos recursos.
    Isso deu início a um fluxo constante de
    novidades.

    View Slide

  9. Vue.js - PWA Support
    Com a ajuda de Addy Osmani, engenheiro do
    Google e figura conhecida pela comunidade
    front-end e JavaScript, uma template oficial
    para aplicações PWA foi criada e mantida pelo
    próprio Addy.

    View Slide

  10. Vue.js - TypeScript
    Com o apoio de Daniel Rosenwasser,
    engenheiro da Microsoft, o suporte ao
    TypeScript foi aprimorado.

    View Slide

  11. Vue.js + VS Code = Vetur
    O pacote Vetur, que já era famoso entre os
    usuários do VS Code, passou a ser parte oficial
    do ecossistema do Vue.js

    View Slide

  12. vue-test-utils (old avoriaz)
    Mesmo que os componentes criados pelo
    Vue.js sejam naturalmente testáveis, faltava
    uma ferramenta que facilitasse o processo de
    teste.
    Com menos de um ano de vida, o pacote
    avoriaz chamou tanto a atenção que seu
    criador @eddyerburgh entrou para o core team
    do Vue.js, e lidera o pacote vue-test-utils, que
    se baseia no antigo avoriaz.

    View Slide

  13. Vue.js SSR Doc
    Na versão 2.0 Vue passou a usar virtual-dom, e
    com isso a dar suporte a técnicas como
    Server-Side Rendering.
    Com a versão 2.2 veio também uma
    documentação completa de como implementar
    SSR.

    View Slide

  14. Vue Style Guide
    Atendendo a demanda da comunidade, um
    Style Guide com boas práticas e dicas de como
    criar componentes foi adicionado a
    documentação oficial do Vue.

    View Slide

  15. Vue.js Team
    Vue.js foi, e para alguns ainda é, uma
    ferramenta criada e mantida por um único
    indivíduo.
    Faz bastante tempo que isso não é verdade, e
    para demonstrar isso uma página dedicada
    para cada membro do core team, e figuras
    conhecidas da comunidade.

    View Slide

  16. Vue Curated
    Vue Curated é uma curadoria oficial dos
    pacotes, ferramentas e recursos da
    comunidade.

    View Slide

  17. Vue.js Devtools + Firefox
    Atendendo a demandas da comunidade, o Vue
    Devtools passou a ser compatível com o
    Firefox.

    View Slide

  18. What is Vue.js?
    https://vimeo.com/247494684 or https://vuejs.org

    View Slide

  19. Vue.js News Podcast
    A newsletter oficial do Vue.js ganhou
    recentemente um podcast, compilando em 5
    minutos as novidades da semana do
    ecossistema e assuntos relacionados ao Vue.js
    http://news.vuejs.org

    View Slide

  20. Tudo isso e mais...
    Muitas coisas aconteceram fora do
    ecossistema oficial

    View Slide

  21. State of Vue.js
    Um massivo e completo relatório do estado
    atual da comunidade por trás do Vue.js.
    Ficamos sabendo quem usa, como usa e onde
    usa Vue.js.
    Várias empresas como Adobe e GitLab estão
    neste relatório de 80 páginas.

    View Slide

  22. NativeScript + Vue
    NativeScript começou a dar suporte ao Vue.js.
    O que começou como uma prova de conceito
    se mostrou algo com grande potencial, e a
    Telerik, empresa por trás do NativeScript, está
    apoiando bastante o projeto.

    View Slide

  23. Nuxt.js 1.0
    Nuxt.js, o framework para criação de projetos
    SSR e sites estáticos com Vue, chegou a sua
    versão 1.0

    View Slide

  24. Vue.js + Rails
    Webpacker, a gem oficial para webpack em
    projetos Ruby on Rails, passou a ter integração
    oficial com Vue.js.

    View Slide

  25. Onsen UI com suporte completo ao Vue.js
    Onsen UI, um framework para
    desenvolvimento mobile hibrido, agora tem
    Vue.js dentro das opções de frameworks
    disponíveis nele.

    View Slide

  26. State of JavaScript 2017 + Vue.js =
    State of JavaScript existe desde 2016, neste
    ano Vue apareceu com timidez. Já em 2017 Vue
    aparece com bastante força, mostrando que
    veio para ficar e agradar.

    View Slide

  27. Vue.js no Brasil
    Nossa comunidade cresce a cada dia.
    Temos catalogado mais de 80 empresas que
    usam Vue.js em seus projetos.

    View Slide

  28. Vue.js no Brasil
    Meetups surgindo ao redor do Brasil

    View Slide

  29. Vue.js no Brasil

    View Slide

  30. Vue.js no Brasil

    View Slide

  31. Vue.js no Brasil

    View Slide

  32. Ansiosos por 2018?

    View Slide

  33. Obrigado!
    http://bit.ly/2C5b62m

    View Slide