Vue.js 2017 - A estrada até aqui

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. 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