Blueprint Caching

Repeated layouts benefit from structural cache reuse, reducing expensive re-generation work.

Interactive Example

Reload the same structure to observe cache reuse

No sample yet

Jane Doe

Staff Engineer

Member since 2022

142 contributions

3 active projects

Last cycle duration

Cache status

Pending

Code Example

Structural signatures for repeat layouts

tsx

<AutoSkeleton
  loading={loading}
  onMeasured={(blueprint) => {
    const signature = signatureForBlueprint(blueprint);
    const hit = cacheSet.has(signature);
    cacheSet.add(signature);
  }}
>
  <UserProfile />
</AutoSkeleton>