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
A DIY Guide To Building Your Own Rendering Engi...
Search
Francesco Strazzullo
March 26, 2021
Programming
2
76
A DIY Guide To Building Your Own Rendering Engine - CityJS2021
Francesco Strazzullo
March 26, 2021
Tweet
Share
More Decks by Francesco Strazzullo
See All by Francesco Strazzullo
Strategic Testing Decisions - Build Stuff 2021
francescostrazzullo
0
73
Contract-Driven_Development.pdf
francescostrazzullo
0
560
Domain-Driven Frontend
francescostrazzullo
0
1.1k
Strategic Testing Decisions
francescostrazzullo
0
330
Technical Decision-making Anti-patterns - Avanscoperta Meetup 2021
francescostrazzullo
0
390
How to Choose Your Next Technology Stack
francescostrazzullo
0
800
The Definition of Framework
francescostrazzullo
1
780
How to Choose Your Next Technology Stack
francescostrazzullo
1
240
Introduction To Alexa Custom Skills
francescostrazzullo
0
490
Other Decks in Programming
See All in Programming
KSPの導入・移行を前向きに検討しよう!
shxun6934
PRO
0
130
労務ドメインを快適に開発する方法 / How to Comfortably Develop in the Labor Domain
yuki21
1
250
Go Code Generation at newmo / 2024-08-27 #newmo_layerx_go
genkey6
0
550
オートマトン学習しろ / Do automata learning
makenowjust
3
120
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
150
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
190
LangChainの現在とv0.3にむけて
os1ma
4
840
Go1.23で入った errorsパッケージの小さなアプデ
kuro_kurorrr
2
330
XStateでReactに秩序を与えたい
gizm000
0
710
ブラウザ互換の重要性 - あらゆるユーザーに価値を届けるために必要なこと
yamanoku
0
110
2024 컴포즈 정원사
jisungbin
0
150
Modular Monolith Go Server with GraphQL Federation + gRPC
110y
1
580
Featured
See All Featured
Facilitating Awesome Meetings
lara
49
5.9k
Atom: Resistance is Futile
akmur
261
25k
Git: the NoSQL Database
bkeepers
PRO
425
64k
It's Worth the Effort
3n
182
27k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
Visualization
eitanlees
142
15k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
24
600
The World Runs on Bad Software
bkeepers
PRO
64
11k
Optimizing for Happiness
mojombo
375
69k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
103
48k
Intergalactic Javascript Robots from Outer Space
tanoku
268
26k
Transcript
A DIY Guide To Building Your Own Rendering Engine
http://frameworklessmovement.org/
Start With Why _
Why should you learn how to build a Rendering Engine?
Let me tell you a story...
None
Some years ago, I had to modernize a front-end application
on top of an old Java Framework...
None
We couldn’t add new dependencies...
None
The only available libraries were jQuery and underscore
None
We delivered the project, but our team was unhappy
Microwave spaghetti bolognese by BBC Food
“Never Manipulate the DOM” Every JavaScript Developer —
Manipulating DOM is hard
None
Manipulating DOM is important for a front-end developer
None
Principles _
Choose a simple Architecture
None
YAGNI (You aren't gonna need it)
“Premature optimization is the root of all evil” Donald Knuth
—
Performance is UX
None
stats.js http://mrdoob.github.io/stats.js/
None
Eat the Frog
https://github.com/flowingis/strazz-talk-cityjs2021
What I learned _
A custom Rendering Engine can live in harmony with frameworks
It’s a good way to work with legacy code
How to decide if it’s a good solution?
Accattatevill’ https://leanpub.com/decision-making-for-software-development-teams https://www.apress.com/gp/book/9781484249666 (“buy them” in Neapolitan)
Francesco Strazzullo (AKA Strazz) @TheStrazz86 (Follow me on Twitter!) Ego
Slide
Thanks Francesco Strazzullo
[email protected]