create-vanjs/template-deno-ssr-jsx/src/entry-client.jsx

🍦 Quick tool for scaffolding your first VanJS project

import { hydrate } from "@vanjs/client";
import { App } from "./App";
import { Header } from "./components/Header";
import { Footer } from "./components/Footer";

const main = document.getElementById("main");
const header = document.getElementById("app-header");
const footer = document.getElementById("app-footer");

hydrate(header, <Header />);
hydrate(footer, <Footer />);
hydrate(main, () => <App />);