A DIY Guide To Building Your Own Rendering Engine - CityJS2021

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...
7. Some years ago, I had to modernize a front-end application on top of an old Java Framework...
9. We couldn’t add new dependencies...
11. The only available libraries were jQuery and underscore
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
18. Manipulating DOM is important for a front-end developer
20. Principles _
21. Choose a simple Architecture
23. YAGNI (You aren't gonna need it)
24. “Premature optimization is the root of all evil” Donald Knuth —
25. Performance is UX
27. stats.js http://mrdoob.github.io/stats.js/
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