Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Francesco Strazzullo Francesco Strazzullo
March 26, 2021
Programming
140
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
110
Contract-Driven_Development.pdf
Avatar for Francesco Strazzullo francescostrazzullo
0
640
Domain-Driven Frontend
Avatar for Francesco Strazzullo francescostrazzullo
0
2.1k
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
300
Introduction To Alexa Custom Skills
Avatar for Francesco Strazzullo francescostrazzullo
0
540

Other Decks in Programming

See All in Programming
WebRTC映像をAirPlayに対応させる挑戦.pdf
Avatar for monolithic-adam monolithic_adam
0
340
KiroのSpecで「五目並べ」を作ってみる
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
350
20260914 AIエージェント時代のPlatform Engineering　LLM基盤とプロダクトの責務境界線
Avatar for Taiki Kanzaki kanfab1
7
2.4k
iOS 27でニュースアプリはどう変わる！？ 〜日経電子版の新機能対応と、開発事例から〜
Avatar for Kazuki Nakashima lynnswap
7
13k
Apple Intelligence を用いた個人情報誤送信防止、及びユーザーリクエスト体験の改善について
Avatar for Yuki Kuwashima yukiny
0
310
SREの越境 / SRE Collaboration
Avatar for y-ohgi y0hgi
2
300
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
Avatar for y-ohgi y0hgi
0
180
SalesForceを内製化！？ ~ HR事業を支える顧客管理基盤のインフラを大公開 ~
Avatar for Kobujee_53 oku053
0
120
Agentic Software Factoryに、すごく賢いIF文を。 / super smart IF statement into the Agentic Software Factory.
Avatar for r-kagaya rkaga
7
1.8k
AI時代のコードレビューは人に向けるな、仕組みに向けろ
Avatar for meijin texmeijin
5
3.5k
Vue Fes Japan 2026 タイムテーブル徹底解説
Avatar for 448jp | OKI Yoshiya 448jp
1
620
Jetpack Compose Mechanisms
Avatar for Jaewoong skydoves
2
350

Featured

See All Featured
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
10
1.1k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.4k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
41k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
720
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.2k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
240
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.7k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
860
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.6k
New Earth Scene 8
Avatar for Sydney Stone popppiees
4
2.6k

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]