WU / DOCSUNIVERSAL MICROFRONTENDS
EN
WU FRAMEWORK / APP INTERACTIONS

Apps in motion.

A React editor and a Vue inbox. Write something and see what WU preserves when you change their presentation.

RUNTIME4.0.0Versions and distribution ↗

Preparing WU examples…

The editor keeps its state in React. Vue receives notes through WU drag-and-drop APIs. Each app has its own Shadow DOM. Build this scenario →

What you can try

  1. Write a note and drag it to Vue, or use the send button with your keyboard. Both actions use the same permissions and validation.
  2. Hide the editor and show it again: its draft and DOM nodes remain, without mounting it again.
  3. Switch between two columns and one with a transition. The layout changes; the data stays.
  4. Open the editor in a window, or in PiP when your browser supports it. Keep writing and return it to the page.

Drag across apps · Windows, transitions and focus · Lifecycle and keep-alive

BUILD WU WITH US

Found a bug? Have an idea?

Your experience improves WU. Tell us what went wrong or help support its development.