html_of_jsx

Render HTML with JSX

html_of_jsx is a JSX transformation to write HTML declaratively in OCaml, Reason and mlx.

This library was extracted from server-reason-react and later simplified to work only with HTML5.

Installation

opam install html_of_jsx

Add it to your dune file

(libraries html_of_jsx)
(preprocess (pps html_of_jsx.ppx))

API

The only module exposed is JSX with some functions to construct elements and JSX.render to transform those elements into a string.

Overview

• Brings the "component model" to HTML
• Supports all of the Reason's JSX features (uppercase components, fragments, optional attributes, punning)
• but with a few improvements (lowercase components, no need to add the ppx annotation)
• Integrates well with Htmx and others (see the htmx page)
• No React idioms (no className, no htmlFor, no onChange, etc...), just plain HTML5
• Type-safe, validates attributes and their types
• Works with OCaml, Reason and mlx
• Minimal
• JSX.render to render a JSX element to a HTML string
• JSX.* to construct DOM Elements and DOM nodes (JSX.string, JSX.int, JSX.null, JSX.list and JSX.unsafe)
• Designed to work on the server, but can be used on the client-side as well (with Melange or jsoo)

See the features page for all details