01-basic/10-once-memo.tsx
Once Memo
Example
Official Cake20 View example for once memo.
export const data = {
name: "CAKE20",
count: 0,
};
export default () => (
<main class="space-y-3 p-8">
<Once>
<p>Rendered only once: {data.name}</p>
</Once>
<Memo when={[data.count]}>
<p>Rendered only when count changes: {data.count}</p>
</Memo>
</main>
);