// controller.js
import { render } from "redity";

const KEYNAME = "MY_KEYNAME";

export const store = {
  message: "",
};

export function handleClick() {
  store.message = "Welcome to Redity! 😄";
  render(KEYNAME);
}

// MyComponent.jsx
import { useRender } from "redity";
import { store, handleClick, KEYNAME } from "./Controller";

export default function MyComponent() {
  useRender(KEYNAME);
  return (
    <div>
      <p>{store.message}</p>
      <button onClick={handleClick}>Click me! :D</button>
    </div>
  );
}