Vue.js - O Antes, o Durante e o Depois

Talk apresentada no Meetup VUE.JSSP

Transcript

1. VUE.JS O ANTES, O DURANTE E O DEPOIS
2. VITOR MENDRONE SENIOR FRONT-END ENGINEER
5. O ANTES
6. REACT + REDUX + REDUX-ACTIONS + REACT-REDUX-FORM + RECOMPOSE
9. UMA ARQUITETURA COMPLEXA CRIA UMA DEPENDÊNCIA PERIGOSA: A DOS MEMBROS DO TIME QUE A ESTABELECERAM
10. DIFICULDADE DE RECRUTAMENTO RECRUTAR PRINCIPALMENTE POR MAESTRIA TÉCNICA
11. DIVERSIDADE INTELECTUAL MINDSET COLABORATIVO APTIDÃO SOCIAL ADAPTABILIDADE FIT CULTURAL !
12. SIMPLIFICAR A STACK GARANTIR DESAFIOS TÉCNICOS SUPERÁVEIS
13. MANTER OU AUMENTAR A PERFORMANCE DO TIME REDUZINDO A CURVA DE APRENDIZADO E A COMPLEXIDADE
14. ISOMÓRFICO COMPONENT BASED < 70KB (GZIP)
15. ROBUSTO COMO O ANGULAR VERSÁTIL COMO O REACT SIMPLES COMO JQUERY
16. @elvisdetona
17. @sarah_edo
19. O DURANTE
20. VUE ROUTER VUEX SSR & STATIC RENDERING COMUNIDADE IMENSA ESTABILIDADE CRIADOR DEDICADO INTEGRALMENTE MIT
21. OS MUITOS DESAFIOS DE ARQUITETURA
22. SINGLE FILE COMPONENT
23. TEMPLATE LITERAL COMPONENT
24. RENDER FUNCTION COMPONENT
25. JSX COMPONENT
26. CLASS COMPONENT
27. VUE OFERECE INFINITAS OPORTUNIDADES DE SE FAZER ERRADO
28. DESIGN PATTERNS PARA GARANTIR ESCALABILIDADE
29. ESTABELEÇA REGRAS PARA COMPONENTES DEVE SEGUIR O PRINCÍPIO DA RESPONSABILIDADE ÚNICA DEVE SER CAPAZ DE SER ESTILIZADO EM OUTROS CONTEXTOS DEVE SER REUTILIZÁVEL DEVE SER INDEPENDENTE DEVE SER STATELESS * DEVE SER PREPARADO PARA RECEBER DADOS
30. OUTRAS REGRAS PARA COMPONENTES OS 4 ESTADOS DE UM COMPONENTE - CARREGANDO - SUCESSO - VAZIO - ERRO NEM TUDO É UM COMPONENTE
31. ESTABELEÇA REGRAS PARA A STORE DEVE SER A “SINGLE SOURCE OF TRUTH” DEVE SER “READ ONLY” DEVE SER DIVIDIDA POR PÁGINA * DEVE CONTER OS DADOS DA VIEW ATUAL DEVE CONTER O ESTADO DA VIEW ATUAL DEVE CONTER DADOS COMPARTILHADOS
32. OUTRAS REGRAS PARA A STORE UTILIZE O CONCEITO DO ESTADO “IS” - isLoading / isPending - isLogged - isCurrent
33. UTILIZE VUEX ACTIONS PARA CHAMADAS AJAX NÃO UTILIZE JQUERY E VUE NA MESMA APLICAÇÃO * UTILIZE O AXIOS PARA CHAMADAS AJAX NÃO MISTURE DIFERENTES MODELOS/BIBLIOTECAS DE GERENCIAMENTO DE ESTADO
34. REGRAS QUE ME AJUDAM A MANTER A SANIDADE E A GARANTIR A ESCALABILIDADE
35. O DEPOIS
36. DESAFIOS TÉCNICOS INTERESSANTES CURVA DE APRENDIZADO DRAMATICAMENTE MENOR GARANTIA DE PERFORMANCE (DO TIME E DA APLICAÇÃO)
37. REDUZIR A DEPENDÊNCIA DE MEMBROS ESPECÍFICOS DO TIME INDEPENDENTE DE UMA BIBLIOTECA (EX.: RECOMPOSE)
38. CURVA MENOR DE APRENDIZADO LIBERDADE PARA RECRUTAR FOCANDO NO QUE IMPORTA
39. ROBUSTO COMO O ANGULAR VERSÁTIL COMO O REACT SIMPLES COMO JQUERY
40. ROBUSTO COMO O VUE VERSÁTIL COMO O VUE SIMPLES COMO VUE
42. OBRIGADO! GITHUB: @mendrone TWITTER: @vhmendrone