Render HTML components with JSX powered by Deno and @fartlabs/jsonx.
Generated API documentation is available at https://jsr.io/@fartlabs/htx.
Let's learn how to get started with htx by creating a simple router in Deno.
1. Install Deno.
2. Start a new Deno project.
deno init3. Add @fartlabs/htx as a project dependency.
deno add @fartlabs/htx4. Add the following values to your deno.json(c) file.
{
"compilerOptions": {
"jsx": "react-jsx",
"jsxImportSource": "@fartlabs/htx"
}
}5. Add a file ending in .[j|t]sx to your project. For example, main.tsx.
import { A, BODY, H1, P } from "@fartlabs/htx";
const html = (
<BODY>
<H1>Hello, World!</H1>
<P>This is a paragraph.</P>
<A href="https://jsr.io/@fartlabs/htx">@fartlabs/htx</A>
</BODY>
);
Deno.writeTextFileSync("index.html", html);6. Compile your HTML by running the .[j|t]sx file.
deno run --allow-net main.tsxResulting index.html:
<body><h1>Hello, World!</h1><p>This is a paragraph.</p><a href="https://jsr.io/@fartlabs/htx">@fartlabs/htx</a></body>Run deno fmt to format the code.
Run deno lint to lint the code.
Run deno task generate to generate the code.
Developed with ❤️ @FartLabs