Deno jupyter kernel
Render a React component
/** @jsxImportSource https://esm.sh/react@18 */
import { document } from "jsr:@ry/jupyter-helper";
import { renderToStaticMarkup } from "https://esm.sh/react-dom@18/server";
function Greeting({ name }) {
return (
<div style=>
<h2>Hello, {name}!</h2>
<p>This is a React component rendered inside Jupyter ✨</p>
</div>
);
}
const container = document.createElement("div");
container.innerHTML = renderToStaticMarkup(<Greeting name="Edward" />);
export default container;
Render JSX
/** @jsxImportSource https://esm.sh/react@18 */
import { document } from "jsr:@ry/jupyter-helper";
import { renderToStaticMarkup } from "https://esm.sh/react-dom@18/server";
const container = document.createElement("div");
container.innerHTML = renderToStaticMarkup(<h1>Hello, World!</h1>);
export default container;