20CAKE20.JS
01-basic

Basics

10

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>
);