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 Engine - CityJS2021
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
69
Contract-Driven_Development.pdf
francescostrazzullo
0
510
Domain-Driven Frontend
francescostrazzullo
0
1k
Strategic Testing Decisions
francescostrazzullo
0
320
Technical Decision-making Anti-patterns - Avanscoperta Meetup 2021
francescostrazzullo
0
370
How to Choose Your Next Technology Stack
francescostrazzullo
0
680
The Definition of Framework
francescostrazzullo
1
650
How to Choose Your Next Technology Stack
francescostrazzullo
1
240
Introduction To Alexa Custom Skills
francescostrazzullo
0
460
Other Decks in Programming
See All in Programming
dbtのドメイン分割による データ基盤の改善とDigdagとの連携
sakama
0
250
今、知っておきたい! 生成AIエージェントの世界
elith
3
360
Node.js v22 で変わること
yosuke_furukawa
PRO
9
3.2k
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
240
if constexpr文はテンプレート世界のラムダ式である
faithandbrave
3
650
[技育CAMPアカデミア]アイディアを形に!【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
370
ONE WEDGE_company_guide
1wedge_one
0
470
Hanami and htmx
bkuhlmann
0
210
⼤規模⾔語モデルの拡張(RAG)が 終わったかも知れない件について
nearme_tech
23
15k
Komplexe Oberflächen mit SVG und der Web Animation API
joergneumann
0
670
エンターテイメント業界で利用されるAWS
demuyan
0
210
Milestoner
bkuhlmann
1
410
Featured
See All Featured
Happy Clients
brianwarren
92
6.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
Navigating Team Friction
lara
178
13k
Infographics Made Easy
chrislema
238
18k
Building Applications with DynamoDB
mza
88
5.6k
Designing with Data
zakiwarfel
96
4.8k
Design by the Numbers
sachag
274
18k
The Power of CSS Pseudo Elements
geoffreycrofte
60
5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
121
39k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
A Modern Web Designer's Workflow
chriscoyier
689
190k
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]