Evoluindo aplicações legadas

Nessa talk falamos sobre a importância de manter uma aplicacão em constante evolução para responder as demandas do mercado de forma eficaz. Falei sobre um case de migrar uma aplicacão de AngularJS para React. Compartilhei todas as flores e dores desse processo e como isso influencia no mindset da equipe.

Transcript

1. APLICAÇÕES LEGADAS EVOLUINDO
2. FULLSTACK DEVELOPER VINICIUS DACAL
4. POR QUE EVOLUIR?
5. SER MAIS EFICIENTE
6. RESPONDER RÁPIDO A DEMANDA DO MERCADO
7. REDUZIR A RECORRÊNCIA DE BUGS
8. NINGUÉM GOSTA DE TRABALHAR COM TECNOLOGIA LEGADA
9. COMO EVOLUIR UMA APLICAÇÃO?
10. SE ATUALIZAR CONSTANTEMENTE Com as melhores práticas em relação a tecnologia que você está utilizando COMO EVOLUIR UMA APLICAÇÃO?
11. SE ESPECIALIZAR Aprender de forma mais profunda as tecnologias que você trabalha. COMO EVOLUIR UMA APLICAÇÃO?
12. APRENDER NOVOS CONCEITOS E estudar a viabilidade de trazer eles para dentro da aplicação COMO EVOLUIR UMA APLICAÇÃO?
13. COMPARTILHAR CONHECIMENTO Converse com o time sobre o que você está estudando COMO EVOLUIR UMA APLICAÇÃO?
15. FOQUE NO QUE É IMPORTANTE 0.1s a menos no tempo de renderização da lista X, vai gerar um valor que compense o esforço de fazer Y? COMO EVOLUIR UMA APLICAÇÃO?
16. ENTREGAR VALOR
17. MIGRAR
18. POR QUE MIGRAR?
19. ANGULARJS
20. COMPARTILHAMENTO DE ESTADO Compartilhamento de estado, e two-way data-binding são muito suscetíveis a bug. ANGULARJS
21. ESCALABILIDADE Pouco escalável. Tem problemas de performance e reutilização de código é complexa. ANGULARJS
22. CURVA DE APRENDIZADO Grande Curva de aprendizado. Conceitos mal estabelecidos. ANGULARJS
23. ANGULARJS
24. ANGULARJS
25. ANGULAR WAY Sempre há uma maneira AngularJS de fazer algo, quando você poderia simplesmente utilizar Javascript ANGULARJS
26. REACT
27. PROGRAMAÇÃO FUNCIONAL Programação funcional e imutabilidade, tendem a reduzir a incidência de bugs REACT
28. ESCALÁVEL Além de performático, a arquitetura baseada em componente facilita o a reutilização de código. REACT
29. CURVA DE APRENDIZADO Curva de aprendizado relativamente pequena. Os conceitos são claros e bem definidos. REACT
30. JAVASCRIPT Desenvolva suas soluções em vanillaJS. REACT
31. ECOSISTEMA As ferramentas de desenvolvimento e debug facilitam muito o dia a dia do programador REACT
32. STORYBOOK
33. REDUX DEV-TOOLS
34. DECISÕES
35. DECISÕES GRADUAL OU REESCRITA?
36. DECISÕES GRADUAL
37. POR QUE GRADUALMENTE?
38. DIVERGÊNCIA
39. MUDANÇAS GERAM CAOS
41. AS COISAS IRÃO QUEBRAR EVENTUALMENTE
42. TESTES AUTOMATIZADOS
44. É PRECISO SER CRIATIVO. EM ALGUNS CASOS, NÃO EXISTE SOLUÇÃO PRONTA.
45. AS VEZES É PRECISO SUJAR AS MÃOS.
46. DESAFIOS E DECISÕES TÉCNICAS
47. BUILD DA APLICAÇÃO Implementar um build que permite trabalhar com as duas tecnologias DESAFIOS E DECISÕES TÉCNICAS
48. COMPARTILHAR DADOS Fazer as duas tecnologias conversarem entre si e compartilhar suas dependências. DESAFIOS E DECISÕES TÉCNICAS
49. GERENCIAR ESTADO Como integrar com o Redux sem ter um componente React como Raiz da aplicação? DESAFIOS E DECISÕES TÉCNICAS
50. COMPONENT VS SCREEN Migrar componente por componente ou migrar páginas inteiras de uma só vez? DESAFIOS E DECISÕES TÉCNICAS
51. GERENCIAR ROTAS Até que ponto deixar o controle de rotas com a tecnologia anterior? DESAFIOS E DECISÕES TÉCNICAS
52. É IMPORTANTE MANTER O FOCO NO OBJETIVO FINAL.
53. VINICIUS_DACAL THANK YOU VINICIUSDACAL VINICIUSLDACAL@GMAIL.COM