ketjs-view playground

Edit TSX. Run it with the real ketjs-view runtime. No account required.

Browser lab · KetJS 0.2.0 preview · Follow the learning path · Run server / database labs locally

Editor · app.tsx

// File: src/islands/counter.tsx
import { signal } from '@ketvietlab/ketjs-view'

export default function Counter() {
  const count = signal(0)
  return () => <section>
    <h1>A reactive counter</h1>
    <p aria-live="polite">Count: {count()}</p>
    <button type="button" onClick={() => count.set(n => n + 1)}>Add one</button>
  </section>
}

Export a default view factory. Cmd/Ctrl + Enter runs the code. Tab moves to the next control. Undo restores edits after a reset.

Live preview

Compiler & runtime

Loading the compiler…