Clientside templates for reactive UI

on YouTube ↗48m

" summary

Argues that moving HTML rendering into the browser cuts server load and latency, demonstrates a live demo deployed to Static Cloud that switches between a traditional server-rendered version and a JSON-driven client version which feels instantaneous, cites a striking example of 9.1k of markup vs 16 bytes payload and the 100ms/1s/10s UX thresholds, compares engines (Handlebars for extensibility, Hogan as a fast Mustache fork, Dust slow, Dot fastest), shows string concat beats templates but is ugly, and recommends a hybrid initial-server render plus Handlebars extensible approach.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 15:52Ugly Architecture
3. 18:31Decoupled Design for Free
4. 20:14Separation of Responsibilities for Free
5. 35:07Picking a Template Engine

" related talks

• 41mYou Really Don't Need All That JavaScript I PromiseStuart Langridge · Pixel Pioneers Bristol 2022
• 54mHow to build the modern, optimistic and reactive user interface, we all want.Guillermo Rauch · ColdFront 2014
• 33mRendering on the Web: Performance Implications of Application ArchitectureJason Miller, Houssein Djirdeh · Google I/O 2019
• 21mYou Really Don't Need All That JavaScript, I PromiseStuart Langridge · GOTO Chicago 2020
• 40mThe state of frontend frameworks in 2023Tejas Kumar · jsday 2023
• 01h 29mClient-Side UI SmackdownCraig Walls · SpringOne2GX 2012
• 44mServer Side Rendering from the trenchesWilliam Durand · jsDay 2018
• 21mImplementation and use cases of modern rendering patternsLydia Hallie · DevX Conf 2022