1. Server compiles React c…

1. Server compiles React c… An architecture diagram generated by Archify. 1. Server compiles React c… · Architecture component 1. Server compiles React c… 2. Ships raw HTML + Massiv… · Architecture component 2. Ships raw HTML + Massiv… 3. Browser paints static H… · (Visual First Paint: Instant) · Architecture component 3. Browser paints static H… (Visual First Paint: Instant) 4. Browser runs CPU-heavy … · Architecture component 4. Browser runs CPU-heavy … Boot up React engine · Architecture component Boot up React engine Rebuild VDOM from scratch … · Architecture component Rebuild VDOM from scratch … Match VDOM nodes to static… · Architecture component Match VDOM nodes to static… Attach event listeners to … · Architecture component Attach event listeners to … Legend Frontend Backend External

Source summary

  • • 8 of 8 nodes shown
  • • 3 links preserved in the original
  • • 1. Server compiles React c…
  • • 2. Ships raw HTML + Massiv…