Skip to content

Instantly share code, notes, and snippets.

@kt3k

kt3k/paul-ex.tsx

Last active July 19, 2022 07:52
Show Gist options
  • Save kt3k/77d7c6491fd6cc75ab887cdaa48836a8 to your computer and use it in GitHub Desktop.
Save kt3k/77d7c6491fd6cc75ab887cdaa48836a8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
paul-ex.tsx
/** @jsx h */
import { bind, h } from "https://deno.land/x/kt3klib@v0.0.3/paul.ts";
bind("my-component", ({ on, morph }) => {
let count = 0;
on("click", "button", () => {
count++;
render();
});
const render = () => morph(<Component count={count} />);
render();
});
export default function Component({ count }: { count: number }) {
return (
<div class="my-component">
<div>{count}</div>
<button>
Click me!
</button>
</div>
);
}
Raw
paul-ex2.tsx
/** @jsx h */
import { bind, h } from "https://deno.land/x/kt3klib@v0.0.3/paul.ts";
bind("my-component", ({ on, morph }) => {
let count = 0;
on("click", "button", () => {
count++;
render();
});
const render = () =>
morph(
<div class="my-component">
<div>{count}</div>
<button>
Click me!
</button>
</div>,
);
render();
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment