Memo

Memo is a higher-order component that's used for optimizing the performance of components by preventing unnecessary re-renders.

Example

import { memo } from "kaioken"

const MyComponent = memo(({ value }) => {
  // Component logic here
  return <div>{value}</div>
})

In this example, MyComponent will only re-render if the value prop changes. If other props or state within the component change but value remains the same, the component won't re-render.