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
90
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
82
Contract-Driven_Development.pdf
francescostrazzullo
0
590
Domain-Driven Frontend
francescostrazzullo
0
1.7k
Strategic Testing Decisions
francescostrazzullo
0
350
Technical Decision-making Anti-patterns - Avanscoperta Meetup 2021
francescostrazzullo
0
420
How to Choose Your Next Technology Stack
francescostrazzullo
0
1.4k
The Definition of Framework
francescostrazzullo
1
1.4k
How to Choose Your Next Technology Stack
francescostrazzullo
1
260
Introduction To Alexa Custom Skills
francescostrazzullo
0
490
Other Decks in Programming
See All in Programming
Using AI Tools Around Software Development
inouehi
0
550
TypeScript を活かしてデザインシステム MCP を作る / #tskaigi_after_night
izumin5210
4
500
Efficiency and Rock 'n’ Roll (Really!)
hollycummins
0
660
Practical Tips and Tricks for Working with Compose Multiplatform Previews (mDevCamp 2025)
stewemetal
0
110
Use Perl as Better Shell Script
karupanerura
0
680
FastMCPでMCPサーバー/クライアントを構築してみる
ttnyt8701
2
120
REST API設計の実践 – ベストプラクティスとその落とし穴
kentaroutakeda
2
350
衛星の軌道をWeb地図上に表示する
sankichi92
0
260
JSAI2025 RecSysChallenge2024 優勝報告
unonao
1
420
ktr0731/go-mcpでMCPサーバー作ってみた
takak2166
0
110
型安全RESTで爆速プロトタイピング – Hono RPC実践
tacke_jp
0
110
#QiitaBash TDDでAIに設計イメージを伝える
ryosukedtomita
2
1.6k
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
GitHub's CSS Performance
jonrohan
1031
460k
What's in a price? How to price your products and services
michaelherold
245
12k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
6
670
Become a Pro
speakerdeck
PRO
28
5.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
180
53k
Docker and Python
trallard
44
3.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
4 Signs Your Business is Dying
shpigford
183
22k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Optimizing for Happiness
mojombo
378
70k
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]