Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Front-end Frameworks, what's anyone says...
Search
Igor Halfeld
January 31, 2019
Programming
0
63
Front-end Frameworks, what's anyone says...
Igor Halfeld
January 31, 2019
Tweet
Share
More Decks by Igor Halfeld
See All by Igor Halfeld
Modular monoliths with fastify
igorhalfeld
0
170
How to migrate legacy frontend?
igorhalfeld
1
120
Patterns for perfect components in Vue.js
igorhalfeld
0
110
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
52
Step by step I followed a career in software
igorhalfeld
0
700
Using AI to create memes
igorhalfeld
0
520
Deninho, the TS children
igorhalfeld
1
210
Micro Front-ends, what they don't tell you
igorhalfeld
0
380
CSS in JavaScripto, the anti-pattern that is good
igorhalfeld
1
89
Other Decks in Programming
See All in Programming
PHPUnitの限界をPlaywrightで補完するテストアプローチ
yuzneri
0
270
SQLアンチパターン第2版 データベースプログラミングで陥りがちな失敗とその対策 / Intro to SQL Antipatterns 2nd
twada
PRO
26
8k
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
450
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
panda_program
3
630
CDK引数設計道場100本ノック
badmintoncryer
2
560
CIを整備してメンテナンスを生成AIに任せる
hazumirr
0
190
階層化自動テストで開発に機動力を
ickx
1
410
slogパッケージの深掘り
integral0515
0
120
商品比較サービス「マイベスト」における パーソナライズレコメンドの第一歩
ucchiii43
0
190
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
12
7.4k
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
13k
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
azukiazusa1
2
690
Featured
See All Featured
Done Done
chrislema
184
16k
Writing Fast Ruby
sferik
628
62k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
990
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
What's in a price? How to price your products and services
michaelherold
246
12k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
It's Worth the Effort
3n
185
28k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Transcript
Front-end Frameworks O que ninguém te fala..
Igor Halfeld Software Engineer & Consultancy igorluiz.me - @IgorHalfeld
O que eu vim falar aqui?
None
Falar sobre o funcionamento deles…
None
None
Browser É mágica!
User interface Browser Engine Render Engine Data persistence Networking JavaScript
Interpreter UI Back-end
DOM Document Object Model
None
Virtual DOM “Virtual” Document Object Model
None
None
Até agora, tudo legal…
Beleza, e então? O front-end moderno começa depois do Angular
1.x
Watcher DOM Watcher State Watcher
Virtual DOM Wrapper
Deu bom
Vamos imaginar… …a construção de uma interface.
<p> <div> <section>
Recursivo!
None
Render e eventos usam a main thread! Imagina se tivesse
muitos childrens e fazer handling de eventos ao mesmo tempo!
None
Precisamos ter o controle! A main thread precisa estar disponível
para updates prioritários.
section div button return children sibling Fiber
None
Tudo ficou bem… Temos uma história feliz, mas então..
Tudo complexo O desenvolvimento ficou complexo e nada divertido :(
Complexidade instrumentar VS Complexidade inerente
Virtual DOM Data-binding baseado em observers Wrapper
Data-binding baseado em observers Wrapper /Compiler
Apesar de tudo.. Todos são ótimos pra entregar o que
você quer fazer e é importante saber os internos pra resolver os problemas.
Obrigado! igorluiz.me/talks - @IgorHalfeld