package html_of_jsx
Render HTML with JSX
Install
dune-project
Dependency
Authors
Maintainers
Sources
html_of_jsx-0.0.5.tbz
sha256=53406f788909fdab597fe4b627a87b61543417e0bc1133a000629e12be444062
sha512=e2be5fa788c450b6ccbfef9390625b6abc26616b03fa111e3549f4d28a6410f2f8f27c63c91f6f93d5c1b00908480ed286d0bfe28c2c9d58d0cf829a8df66163
doc/README.html
Render HTML with JSX
html_of_jsx is a JSX transformation and a library to write HTML declaratively in OCaml, Reason and mlx.
Features
- 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)
- No React idioms (no
className
, nohtmlFor
, noonChange
, etc...) - Integrates well with htmx
- Type-safe, validates attributes and their types (it can be better thought)
- Works with OCaml, Reason and mlx
Minimal
JSX.render
to render a JSX element to a HTML stringJSX.*
to construct DOM Elements and DOM nodes (JSX.string
,JSX.int
,JSX.null
,JSX.list
andJSX.unsafe
)
- Designed to work on the server, but can be used on the client-side as well (with Melange or jsoo)
Installation
opam install html_of_jsx
+ (library html_of_jsx)
+ (preprocess (pps html_of_jsx.ppx))
Usage
let element: JSX.element = <a href="https://x.com/davesnx">
<span> {"Click me!"} </span>
</a>
let html: string = JSX.render(element);
Check the demo/server.re file to see a full example.
Documentation
Check the Documentation to know more about the API and features.
Credits
This library was extracted from server-reason-react and later simplified to work only with HTML5.
sectionYPositions = computeSectionYPositions($el), 10)"
x-init="setTimeout(() => sectionYPositions = computeSectionYPositions($el), 10)"
>