20CAKE20.JS
05-life

Lifecycle

7

05-life/02-full-life.tsx

Full Life

Example

Official Cake20 View example for full life.

export const data = {
  count: 0,
};

export default () => <Button onClick={() => data.count++}>{data.count}</Button>;

export const onBeforeStart = () => {
  console.log("Before mount");
};

export const onStart = () => {
  console.log("After mount");
};

export const onBeforeUpdate = () => {
  console.log("Before update");
};

export const onUpdate = () => {
  console.log("After update");
};

export const onBeforeClose = () => {
  console.log("Before unmount");
};

export const onClose = () => {
  console.log("After unmount");
};