useMountEffect()

Registers a callback to run after the component is mounted to the DOM.

useMountEffect(() => {
  // run after mount
  return () => {
    // optional cleanup
  };
});

Example

import { useMountEffect } from "rask-ui";

function Example() {
  useMountEffect(() => {
    console.log("Component mounted!");
  });

  return () => <div>Hello</div>;
}

With Cleanup

function Timer() {
  const state = useState({ time: Date.now() });

  useMountEffect(() => {
    const interval = setInterval(() => {
      state.time = Date.now();
    }, 1000);

    // Return cleanup function
    return () => {
      clearInterval(interval);
    };
  });

  return () => <div>{state.time}</div>;
}

Features

• Runs after component is mounted to DOM
• Can return cleanup function
• Multiple mount effects can be registered
• Cleanup runs when component unmounts

Use Cases

• Initializing subscriptions
• Starting timers
• Adding event listeners
• Fetching initial data
• Setting up third-party libraries

Notes

Important

• Only call during component setup phase (not in render function)
• Can be called multiple times to register multiple callbacks
• Cleanup function is optional