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
2
94

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
85
Contract-Driven_Development.pdf
Avatar for Francesco Strazzullo francescostrazzullo
0
600
Domain-Driven Frontend
Avatar for Francesco Strazzullo francescostrazzullo
0
2k
Strategic Testing Decisions
Avatar for Francesco Strazzullo francescostrazzullo
0
350
Technical Decision-making Anti-patterns - Avanscoperta Meetup 2021
Avatar for Francesco Strazzullo francescostrazzullo
0
420
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
260
Introduction To Alexa Custom Skills
Avatar for Francesco Strazzullo francescostrazzullo
0
500

Other Decks in Programming

See All in Programming
Reactive Thinking with Signals and the Resource API
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
釣り地図SNSにおける有料機能の実装
Avatar for nokonoko1203 nokonoko1203
0
200
TFLintカスタムプラグインで始める Terraformコード品質管理
Avatar for bells17 bells17
2
480
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
Avatar for もっち mottyzzz
12
7.2k
Vue 3.6 時代のリアクティビティ最前線 〜Vapor/alien-signals の実践とパフォーマンス最適化〜
Avatar for Shingo Hiranuma hiranuma
1
170
TransformerからMCPまで（現代AIを理解するための羅針盤）
Avatar for MIKIO KUBO mickey_kubo
7
5.6k
Vueのバリデーション、結局どれを選べばいい？ ― 自作バリデーションの限界と、脱却までの道のり ― / Which Vue Validation Library Should We Really Use? The Limits of Self-Made Validation and How I Finally Moved On
Avatar for ねぎなす neginasu
2
1.7k
マイベストのシンプルなデータ基盤の話 - Googleスイートとのつき合い方 / mybest-simple-data-architecture-google-nized
Avatar for snhryt snhryt
0
100
AI時代に必須！状況言語化スキル / ai-context-verbalization
Avatar for MinoDriven minodriven
2
200
ネストしたdata classの面倒な更新にさようなら！Lensを作って理解するArrowのOpticsの世界
Avatar for shiita0903 shiita0903
1
110
外接に惑わされない自システムの処理時間SLIをOpenTelemetryで実現した話
Avatar for Kotaro7750 kotaro7750
0
110
CSC509 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
260

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
116
20k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
161
23k

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]