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

A DIY Guide To Building Your Own Rendering Engine - CityJS2021

F0012066f4fad79deb33bf5e9799b557?s=47 Francesco Strazzullo
March 26, 2021
Programming
2
33

A DIY Guide To Building Your Own Rendering Engine - CityJS2021

F0012066f4fad79deb33bf5e9799b557?s=128

Francesco Strazzullo

March 26, 2021
Tweet

More Decks by Francesco Strazzullo

See All by Francesco Strazzullo
F0012066f4fad79deb33bf5e9799b557?s=48 francescostrazzullo
0
53
F0012066f4fad79deb33bf5e9799b557?s=48 francescostrazzullo
0
230
F0012066f4fad79deb33bf5e9799b557?s=48 francescostrazzullo
0
130
F0012066f4fad79deb33bf5e9799b557?s=48 francescostrazzullo
0
190
F0012066f4fad79deb33bf5e9799b557?s=48 francescostrazzullo
0
240
F0012066f4fad79deb33bf5e9799b557?s=48 francescostrazzullo
1
260
F0012066f4fad79deb33bf5e9799b557?s=48 francescostrazzullo
1
190
F0012066f4fad79deb33bf5e9799b557?s=48 francescostrazzullo
0
290
F0012066f4fad79deb33bf5e9799b557?s=48 francescostrazzullo
0
44

Other Decks in Programming

See All in Programming
744f1c2c6cbea2ff5104b0ac512936bd?s=48 hpgrahsl
0
130
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
0
410
6e704ad00f166b420eba3d174713c82b?s=48 urushiyama
0
390
Ce7ab424f600bc83740be0716232d58a?s=48 takaakikakei
0
500
B3d6e998ff66c957f00da6d795f9e32c?s=48 akihiroshiota
2
480
5f57d2d205e77e185986459c1b89a874?s=48 jeroenmols
1
230
80a3a3857a55f154d23acb705eff72cc?s=48 star_zero
2
4.1k
E41c91eb3efe7a796b8ae20c51a07f06?s=48 takoba
1
240
7166bc2cbc462ab5fd1987a76d0fe709?s=48 takahirom
1
180
0c2ae3d2aa77423465e1e533ff0d030a?s=48 mski_iksm
5
1.9k
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
0
130
9bf923e39671cde83584e3e926296c13?s=48 kishikawakatsumi
0
170

Featured

See All Featured
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
13
1k
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
58
3.8k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
78
270k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
10
750
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
42
1.9k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
6.9k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
314
18k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
85
8.2k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
96
3.3k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
336
30k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
17k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
99
5.7k

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 strazz@flowing.it