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.8k
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.5k
The Definition of Framework
francescostrazzullo
1
1.5k
How to Choose Your Next Technology Stack
francescostrazzullo
1
260
Introduction To Alexa Custom Skills
francescostrazzullo
0
500
Other Decks in Programming
See All in Programming
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
1.2k
フロントエンドのパフォーマンスチューニング
koukimiura
6
2.2k
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
fumiyakume
18
8.9k
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
1
340
知って得する@cloudflare_vite-pluginのあれこれ
chimame
1
110
PHPUnitの限界をPlaywrightで補完するテストアプローチ
yuzneri
0
260
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
10k
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
420
コーディングエージェント概観(2025/07)
itsuki_t88
0
120
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
2
16k
GPUを計算資源として使おう!
primenumber
1
290
可変変数との向き合い方 $$変数名が踊り出す$$ / php conference Variable variables
gunji
0
220
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
695
190k
The Invisible Side of Design
smashingmag
301
51k
Statistics for Hackers
jakevdp
799
220k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Site-Speed That Sticks
csswizardry
10
710
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
BBQ
matthewcrist
89
9.7k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
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]