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

A DIY Guide To Building Your Own Rendering Engine - CityJS2021

A DIY Guide To Building Your Own Rendering Engine - CityJS2021


Francesco Strazzullo

March 26, 2021


  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

  37. Thanks Francesco Strazzullo strazz@flowing.it