Menu
Gate Angular UI on Persist hydration with useHydrated (readonly Signal). Call inside an injection context; use when avoiding flash of default state on async backends.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
Gate Alpine.js UI on Persist hydration (Alpine.plugin + useHydrated / $hydrated). Use when wiring HydrationSignal into Alpine data components.
Gate Lit element UI on Persist hydration with HydrationController. Use when wiring HydrationSignal into a ReactiveControllerHost; not a hook.
Persist with React Native AsyncStorage via @stainless-code/persist/backends/async-storage. Use for RN string-wire JSON state; always gate with useHydrated.
Compress a string-wire StateStorage with @stainless-code/persist/backends/compressed (gzip/deflate). Backend wrapper — compose with createStorage; stack compress-then-encrypt.
Cross-tab sync for backends without storage events via @stainless-code/persist/transport/crosstab (createBroadcastCrossTab). Wrap storage + pass crossTabEventTarget; call close() on teardown.
AES-GCM encrypt a string-wire StateStorage with @stainless-code/persist/backends/encrypted (createEncryptedStorage). Backend wrapper — compose with createStorage + codec; wrong key rejects hydrate (not clearCorrupt).
| name | angular-persist |
| description | Gate Angular UI on Persist hydration with useHydrated (readonly Signal). Call inside an injection context; use when avoiding flash of default state on async backends. |
| license | MIT |
| metadata | {"type":"framework","library":"@stainless-code/persist","library_version":"0.4.1","framework":"angular"} |
| requires | ["persist"] |
| sources | ["stainless-code/persist:src/adapters/frameworks/angular.ts"] |
@stainless-code/persist/frameworks/angular returns a readonly Signal<boolean>. A real signal needs an injection context (effect()); null/undefined returns a shared signal(true) without effect().
bun add @stainless-code/persist @angular/core
Peer: @angular/core >=17.0.0.
import { useHydrated } from "@stainless-code/persist/frameworks/angular";
export class PrefsComponent {
hydrated = useHydrated(prefsHydration);
}
@if (hydrated()) {
<prefs-panel />
} @else {
<skeleton />
}
true.useHydrated(signal) → Signal<boolean> (readonly)