Front-end Frameworks, what's anyone says...

Transcript

1. Front-end Frameworks O que ninguém te fala..
2. Igor Halfeld Software Engineer & Consultancy igorluiz.me - @IgorHalfeld
3. O que eu vim falar aqui?
5. Falar sobre o funcionamento deles…
8. Browser É mágica!
9. User interface Browser Engine Render Engine Data persistence Networking JavaScript Interpreter UI Back-end
10. DOM Document Object Model
12. Virtual DOM “Virtual” Document Object Model
15. Até agora, tudo legal…
16. Beleza, e então? O front-end moderno começa depois do Angular 1.x
17. Watcher DOM Watcher State Watcher
18. Virtual DOM Wrapper
19. Deu bom
20. Vamos imaginar… …a construção de uma interface.
21. <p> <div> <section>
22. Recursivo!
24. Render e eventos usam a main thread! Imagina se tivesse muitos childrens e fazer handling de eventos ao mesmo tempo!
26. Precisamos ter o controle! A main thread precisa estar disponível para updates prioritários.
27. section div button return children sibling Fiber
29. Tudo ficou bem… Temos uma história feliz, mas então..
30. Tudo complexo O desenvolvimento ficou complexo e nada divertido :( Complexidade instrumentar VS Complexidade inerente
31. Virtual DOM Data-binding baseado em observers Wrapper
32. Data-binding baseado em observers Wrapper /Compiler
33. Apesar de tudo.. Todos são ótimos pra entregar o que você quer fazer e é importante saber os internos pra resolver os problemas.
34. Obrigado! igorluiz.me/talks - @IgorHalfeld