$30 off During Our Annual Pro Sale. View Details »

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

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

A DIY Guide To Building Your Own Rendering Engine - CityJS2021

Avatar for Francesco Strazzullo

Francesco Strazzullo

March 26, 2021
Tweet

More Decks by Francesco Strazzullo

See All by Francesco Strazzullo
Strategic Testing Decisions - Build Stuff 2021
Avatar for Francesco Strazzullo francescostrazzullo
0
89
Contract-Driven_Development.pdf
Avatar for Francesco Strazzullo francescostrazzullo
0
610
Domain-Driven Frontend
Avatar for Francesco Strazzullo francescostrazzullo
0
2k
Strategic Testing Decisions
Avatar for Francesco Strazzullo francescostrazzullo
0
360
Technical Decision-making Anti-patterns - Avanscoperta Meetup 2021
Avatar for Francesco Strazzullo francescostrazzullo
0
430
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.6k
How to Choose Your Next Technology Stack
Avatar for Francesco Strazzullo francescostrazzullo
1
270
Introduction To Alexa Custom Skills
Avatar for Francesco Strazzullo francescostrazzullo
0
500

Other Decks in Programming

See All in Programming
Jetpack XR SDKから紐解くAndroid XR開発と技術選定のヒント / about-androidxr-and-jetpack-xr-sdk
Avatar for にー兄さん drumath2237
1
180
從冷知識到漏洞，你不懂的 Web，駭客懂 - Huli @ WebConf Taiwan 2025
Avatar for Huli aszx87410
2
2.9k
Combinatorial Interview Problems with Backtracking Solutions - From Imperative Procedural Programming to Declarative Functional Programming - Part 2
Avatar for Philip Schwarz philipschwarz
PRO
0
110
AI時代を生き抜く 新卒エンジニアの生きる道
Avatar for coconala_engineer coconala_engineer
1
390
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
160
Cap'n Webについて
Avatar for Yusuke Wada yusukebe
0
150
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
Avatar for suna-big sunabig
0
170
モデル駆動設計をやってみよう ワークショップ開催報告(Modeling Forum2025) / model driven design workshop report
Avatar for haru860 haru860
0
280
Github Copilotのチャット履歴ビューワーを作りました～WPF、dotnet10もあるよ～ #clrh111
Avatar for KatsuYuzu katsuyuzu
0
120
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
1
320
認証・認可の基本を学ぼう後編
Avatar for kaza kouyuume
0
250
AtCoder Conference 2025「LLM時代のAHC」
Avatar for Yuki Imajuku imjk
2
560

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
110
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
710
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
140
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
96
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
570

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]