Upgrade to Pro — share decks privately, control downloads, hide ads and more …

A DIY Guide To Building Your Own Rendering Engi...

Avatar for Francesco Strazzullo Francesco Strazzullo
March 26, 2021
Programming
130
2

A DIY Guide To Building Your Own Rendering Engine - CityJS2021

Avatar for Francesco Strazzullo

Francesco Strazzullo

March 26, 2021

More Decks by Francesco Strazzullo

See All by Francesco Strazzullo
Strategic Testing Decisions - Build Stuff 2021
Avatar for Francesco Strazzullo francescostrazzullo
0
100
Contract-Driven_Development.pdf
Avatar for Francesco Strazzullo francescostrazzullo
0
630
Domain-Driven Frontend
Avatar for Francesco Strazzullo francescostrazzullo
0
2k
Strategic Testing Decisions
Avatar for Francesco Strazzullo francescostrazzullo
0
380
Technical Decision-making Anti-patterns - Avanscoperta Meetup 2021
Avatar for Francesco Strazzullo francescostrazzullo
0
450
How to Choose Your Next Technology Stack
Avatar for Francesco Strazzullo francescostrazzullo
0
1.6k
The Definition of Framework
Avatar for Francesco Strazzullo francescostrazzullo
1
1.7k
How to Choose Your Next Technology Stack
Avatar for Francesco Strazzullo francescostrazzullo
1
290
Introduction To Alexa Custom Skills
Avatar for Francesco Strazzullo francescostrazzullo
0
540

Other Decks in Programming

See All in Programming
Apache Hive: そしてCloud Native Lakehouseへ
Avatar for okumin okumin
1
200
ビデオ通話が繋がる0.2秒で何が起きているのか
Avatar for Miyamoto Naoyuki supurazako
2
170
「人を評価する AI」の 設計と実装 
Avatar for 奈良亮耶 ryoyanara
0
150
自動化したのに回らないテスト運用の壁ーAI時代の品質責任と生産性
Avatar for Masahiko Funaki(舟木 将彦) mfunaki
0
120
JAWS-UG横浜 #102 AWSサ終供養LT会 成仏できない AWS サービスたち 〜本日、三体供養します〜
Avatar for maroon1st maroon1st
0
310
VibeCodingからAgenticWorkflowへ
Avatar for starfish719 starfish719
0
190
変わらないものが、変わるものを決める — 意図駆動開発 × イベントソーシング × イミュータブル | What Doesn't Change Decides What Can — IDD × Event Sourcing × Immutability
Avatar for Tomohisa Takaoka tomohisa
0
1.2k
今さら聞けない .NET CLI
Avatar for tkym htkym
0
180
TSX の <Hoge<Fuga>> という構文に驚いた話 / tsx-type-argument-syntax
Avatar for Kanaru kanaru0928
0
200
なぜ関数型プログラミングで「型」と「証明」が語られるのか #fp_matsuri
Avatar for Takuma Kajikawa kajitack
3
1.1k
Japan Community Day at Kubecon + CloudNativeCon Japan 2026: Learning Container Privilege Control by Building My Own Low-Level Container Runtime
Avatar for ternbusty ternbusty
1
130
AI時代のPHPer生存戦略 ～「言語、もうなんでもよくない？」に本気で向き合う～
Avatar for viviON vivion
0
230

Featured

See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
980
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.6k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.9k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.5k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
440
HDC tutorial
Avatar for Michiel Stock michielstock
2
780
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.2k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
420
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.2k

Transcript

  1. A DIY Guide To Building Your Own Rendering Engine

  2. http://frameworklessmovement.org/

  3. Start With Why _

  4. Why should you learn how to build a Rendering Engine?

  5. Let me tell you a story...

  6. None

  7. Some years ago, I had to modernize a front-end application

    on top of an old Java Framework...
  8. None

  9. We couldn’t add new dependencies...

  10. None

  11. The only available libraries were jQuery and underscore

  12. None

  13. We delivered the project, but our team was unhappy

  14. Microwave spaghetti bolognese by BBC Food

  15. “Never Manipulate the DOM” Every JavaScript Developer —

  16. Manipulating DOM is hard

  17. None

  18. Manipulating DOM is important for a front-end developer

  19. None

  20. Principles _

  21. Choose a simple Architecture

  22. None

  23. YAGNI (You aren't gonna need it)

  24. “Premature optimization is the root of all evil” Donald Knuth

    —

  25. Performance is UX

  26. None

  27. stats.js http://mrdoob.github.io/stats.js/

  28. None

  29. Eat the Frog

  30. https://github.com/flowingis/strazz-talk-cityjs2021

  31. What I learned _

  32. A custom Rendering Engine can live in harmony with frameworks

  33. It’s a good way to work with legacy code

  34. How to decide if it’s a good solution?

  35. Accattatevill’ https://leanpub.com/decision-making-for-software-development-teams https://www.apress.com/gp/book/9781484249666 (“buy them” in Neapolitan)

  36. Francesco Strazzullo (AKA Strazz) @TheStrazz86 (Follow me on Twitter!) Ego

    Slide

  37. Thanks Francesco Strazzullo [email protected]