Streaming Vue Components

This is the place to discuss how Streaming Vue Components can be applied at GitLab.

What is Streaming

Introduction to Streaming video

Talk notes (internal)

Presentation folder

Live Vue Worker Streaming example, (source)

GitLab Proof of Concept

Talk References:

• https://httparchive.org/reports/state-of-javascript
• https://developers.google.com/web/updates/2019/02/rendering-on-the-web?hl=en
• https://tech.ebayinc.com/engineering/async-fragments-rediscovering-progressive-html-rendering-with-marko/
• https://mxstbr.com/thoughts/streaming-ssr/
• https://blog.codinghorror.com/the-lost-art-of-progressive-html-rendering/
• https://jakearchibald.com/2016/fun-hacks-faster-content/
• https://www.builder.io/blog/from-static-to-interactive-why-resumability-is-the-best-alternative-to-hydration
• https://vuejs.org/api/ssr.html#rendertosimplestream

Potential candidates for Streaming

• Merge requests
  • Overview
  • Changes
• File (blob) view

Everyone's welcome to suggest their own candidates in the discussion. 😀

Implementation

To be discussed...

Current blockers

• DOM-reliant libraries
  • dompurify
• Sharing window.gon: user settings, translations, etc...

SSR approach

• Requires a server, discussed in #215365

WebWorkers approach

• Vue 3.2 requirement