Frameworkless Frontend Development

on YouTube ↗34m

" summary

A prototype production app manages 20 players and 4 teams without any front-end frameworks, using plain ECMAScript, W3C browser APIs, Babel for transpiling and Jest for tests, and no runtime package dependencies. It uses an observable state pattern where setters emit immutable copies, a render function that replaces document.body on each state change via requestAnimationFrame (no virtual DOM), and the codebase is tested and deployable; potential performance limits are acknowledged and could be addressed later by adding a virtual DOM.

AI-written summary · about

" chapters (7)

1. 0:00Introduction
2. 1:09Why use frameworks
3. 6:53Demo without frameworks
4. 18:35Team reactions
5. 21:05When to avoid frameworks
6. 27:33Technical choices
7. 33:45Conclusion

" related talks

• 45mNo framework frontends in practice - use the platform!Karol Horosin · 4Developers Katowice 2019
• 41mLow-budget JavaScript: composable frontends that are fun and friendlyNatalia Venditto · CityJS Athens 2023
• 44mApplications instead of libraries: Micro frontends implemented through module federationMario Fernandez · Voxxed Days Zürich 2022
• 38mBreak Up With Your Frontend MonolithElisabeth Engel · JSCamp 2018
• 30mMicro Frontends in React — a State of the Art ApproachDavid Leitner · React Finland 2021
• 36mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Brussels 2023
• 45mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Luxembourg 2023
• 01h 13mArchitecting complex JavaScript setups for large scale enterprise projectsNatalia Venditto · HolyJS 2020 Moscow