Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Igor Halfeld
January 31, 2019
Programming
0
48

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

Igor Halfeld

January 31, 2019
Tweet

More Decks by Igor Halfeld

See All by Igor Halfeld
Modular monoliths with fastify
igorhalfeld
0
150
How to migrate legacy frontend?
igorhalfeld
1
110
Patterns for perfect components in Vue.js
igorhalfeld
0
100
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
46
Step by step I followed a career in software
igorhalfeld
0
690
Using AI to create memes
igorhalfeld
0
510
Deninho, the TS children
igorhalfeld
1
200
Micro Front-ends, what they don't tell you
igorhalfeld
0
370
CSS in JavaScripto, the anti-pattern that is good
igorhalfeld
1
84

Other Decks in Programming

See All in Programming
How mixi2 Uses TiDB for SNS Scalability and Performance
kanmo
30
11k
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
150
WebDriver BiDiとは何なのか
yotahada3
1
140
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
200
Software Architecture
hschwentner
6
2.1k
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
670
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
130
Linux && Docker 研修/Linux && Docker training
forrep
23
4.5k
2024年のWebフロントエンドのふりかえりと2025年
sakito
1
230
Pulsar2 を雰囲気で使ってみよう
anoken
0
230
SpringBoot3.4の構造化ログ #kanjava
irof
2
970
AHC041解説
terryu16
0
590

Featured

See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
31
2.1k
It's Worth the Effort
3n
184
28k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Optimizing for Happiness
mojombo
376
70k
Producing Creativity
orderedlist
PRO
343
39k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Bash Introduction
62gerente
610
210k
Done Done
chrislema
182
16k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
Large-scale JavaScript Application Architecture
addyosmani
510
110k

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?

  4. None

  5. Falar sobre o funcionamento deles…

  6. None
  7. None

  8. Browser É mágica!

  9. User interface Browser Engine Render Engine Data persistence Networking JavaScript

    Interpreter UI Back-end

  10. DOM Document Object Model

  11. None

  12. Virtual DOM “Virtual” Document Object Model

  13. None
  14. None

  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!

  23. None

  24. Render e eventos usam a main thread! Imagina se tivesse

    muitos childrens e fazer handling de eventos ao mesmo tempo!
  25. None

  26. Precisamos ter o controle! A main thread precisa estar disponível

    para updates prioritários.

  27. section div button return children sibling Fiber

  28. None

  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