Micro Front-ends, what they don't tell you

Transcript

1. "Micro Front-ends, o que não te falaram"… Se você acha que só tem coisa boa, Você achou errado
2. Alguém tem ideia de porquê o título tá entre aspas?
3. Não existe ninguém que saiba ainda o que esta fazendo *eu incluso
4. É um assunto muito novo. É como ter 15 anos com 20 anos de experiência *nada foi estressado o suficiente pra saber se realmente funciona
5. Então o que eu vim fazer aqui?
6. Pra vermos como é esse mundo e como começar a fazer *mesmo que nenhum cenário tenha sido super testado
7. Igor Halfeld Software Engineer & Consultancy igorluiz.me - @IgorHalfeld
8. Escalar Front-end… *escalar e front-end parecem não combinar
10. Complexidade instrumental vs Complexidade inerente
11. Estamos em um nível de centenas de componentes além de regras de state *e ainda precisamos saber separar bem eles
12. Data fetching & Painting layer Local & Global state flow
13. Melhorar deploys Paralelizar o desenvolvimento com mais times Aumentar tolerância a falhas Evoluir o código legado
14. Vamos olhar pra a aplicação como um todo *ver a evolução
18. Vamos trazer essa realidade do back-end pro front-end *afinal Event Sourcing e CQRS viraram o Redux
19. Por que todo mundo fala de microservices pro Back-end?
20. É o caminho pra escalar! Mas precisamos ter em mente umas coisas… *não se encaixa em toda app
21. Desacoplados Pequenos Tolerante a falhas Micro service wordpress (faz tudo)
22. No front-end são praticamente as mesmas normais
23. Desacoplados Pequenos Tolerante a falhas Micro service wordpress (faz tudo) e no bundle size (JS puro ❤)
24. Legal fera, mas como faz?
25. Nesse tempo que tenho aqui vou mostrar 3 formas de fazer
26. 1. Usando NGIX 2. Usando o kubernetes 3. Usando <iframe/> (*demo time)
27. Front-end e DevOps precisam andar bem no amor ❤
28. Server-Side template composition 1. Usando NGIX
30. Nginx Conf
31. Per page composition 1. Usando NGIX
33. Page/Fragment composition 2. Usando Kubernetes
35. Single service Simple fanout Name based virtual hosting 1 IP pra vários Services 1 IP pra um Services 1 IP pra vários Hostnames
38. Fragment composition 3. Usando <iframe />
39. Por que iframe é um problema? *comunicação
42. DEMO
43. Conclusão &
44. Obrigado! igorluiz.me/talks - @IgorHalfeld