Micro Front-ends, what's anyone says...

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

9. None

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
15. None
16. None
17. None

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

29. None

30. Nginx Conf

31. Per page composition 1. Usando NGIX

32. None

33. Page/Fragment composition 2. Usando Kubernetes

34. None

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
36. None
37. None

38. Fragment composition 3. Usando <iframe />

39. Por que iframe é um problema? *comunicação

40. None
41. None

42. DEMO

43. Conclusão &

44. Obrigado! igorluiz.me/talks - @IgorHalfeld