sync-construction-async-property-ui-render-gate-pattern
OfficialExport sync-ready clients with async init.
Software Engineering#builder-pattern#frontend-pattern#sync-construction#async-init#ui-gate#module-export#whenSynced
AuthorEpicenterHQ
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Export a client that initializes asynchronously by attaching the async work to the instance, enabling synchronous access to the API while background tasks run.
Core Features & Use Cases
- Synchronous export with attached async work: The instance is exported immediately and exposes sync methods, with asynchronous initialization tracked on a property.
- UI render gate: Consumers can await a ready promise (whenSynced) at the root to ensure readiness before rendering children.
- Composable initialization: Use a withCapabilities builder to attach specific async tasks (e.g., persistence, data loading) without blocking construction.
Quick Start
Create your client instance and await its whenSynced in the root UI gate to render children.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: sync-construction-async-property-ui-render-gate-pattern Download link: https://github.com/EpicenterHQ/epicenter/archive/main.zip#sync-construction-async-property-ui-render-gate-pattern Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.