Este documento descreve a transformação de um sistema front-end legado baseado em Backbone para uma Single Page Application (SPA) usando React. A solução envolveu migrar gradualmente os componentes mais críticos para React enquanto mantinha a infraestrutura legada, começando pelos componentes que representavam a maior parte do uso e valor para os usuários.
21. Solução 3
1. Levantar quais partes do sistema são mais
usadas (Princípio de Pareto)
2. Criar componentes React para essas partes
3. Importar os componentes como libs
4. Cada componente é um projeto novo no git
5. Substituir os componentes novos nas telas
28. Solução 3.1
Inverter o controle do Backbone para React
React Router assumindo as requisições e despachando
para novos containers ou controllers do Backbones do
legado (sim, código de "negócio" dentro do controller)
30. Lições Aprendidas
1. Inverter o controle para coordenar o
acoplamento e aumentar a coesão.
2. Trabalhar nas poucas Features que representam
+80% de operações dos usuários
3. Injetar pequenos universos de React no legado.
4. CI/CD 100% automatizado.
5. Testes automatizados