Watch the lifecycle examples
The narrated Asset Manager walkthrough shows the complete system. Jump to the relevant example on YouTube:- 01:01 — CSS, module and initialization readiness.
- 01:39 — Close during module loading.
- 02:02 — Dispose registered effects.
- 02:29 — Ignore outdated initialization.
- 02:57 — Retain resources for nested parents.
- 03:26 — Recover from a controlled loading failure.
- 03:51 — Livewire navigation and new consumers.
The walkthrough deliberately pauses loading and initialization to make the
lifecycle visible. Your forms use the same readiness checks automatically;
they do not require those test controls or the demonstration’s long pauses.
Hidden areas activate when used
For example, a Select in the first tab can initialize independently of a camera scanner in a second tab. Opening that second tab activates the scanner’s resources and initialization.
Keep changing forms and dialogs ready
A prepared control needs its CSS, JavaScript and initialization to complete. Dialogs can wait for active controls and retain retry behavior after failed loading, instead of exposing unready content after an arbitrary delay.
Already evaluated JavaScript remains in the browser. Closing a dialog does not unload an imported module or remove a shared implementation that another field still uses.
For custom components, register side effects with the supported runtime SDK. FLEX cannot discover arbitrary untracked listeners or streams created outside that lifecycle.