full-stack-components

MIT License

Stars
4

full-stack-components

This is a repo for a talk and a blog post by Thaddeus Jiang

SPA vs. SSR vs. Template Engine vs. Server-driven UI

SPA - client side rendering

  • heavy JS bundles
  • heavy client side runtime
  • Dont work when disable JS

SSR - server side rendering

  • JS runtime difference
  • server: Node.js runtime v8
  • client: browser runtime v8

Template Engine - server side rendering

  • hard fresh UI
  • too large network data transition

Server-Driven UI

  • no hard fresh UI
  • light JS bundle
  • work well even disable JS
  • Push UI update, not pull

Apps

  • Next.js + Express - SPA
  • Remix - SSR
  • Node.js Pug - Template Engine
  • LiveView - Server Driven UI

Refs