An OCaml syntax dialect which adds JSX expressions to the language.
let header ~title () =
<header>
<h1>title</h1>
</header>
let page =
<html>
<body>
<header title="Hello, world!" />
<div>
"Some content goes here"
</div>
</body>
</html>This code is transformed into the following OCaml code:
let header ~title () =
header () ~children:[ h1 () ~children:[ title ] [@JSX]; ] [@JSX]
let page =
html () ~children:[
body () ~children:[
header () ~title:"Hello, world!" [@JSX];
div () ~children:[ "Some content goes here" ] [@JSX];
] [@JSX];
] [@JSX]It is expected to use mlx-pp preprocessor with either a runtime lib which
provides the implementation of such functions or a ppx which which further
transforms [@JSX] attributes into the desired output.
Use the following commands to install the necessary packages:
opam install mlx ocamlmerlin-mlxTo make dune consider .mlx files as OCaml files you need to configure an mlx
dialect, put this in your dune-project file:
(dialect
(name mlx)
(implementation
(extension mlx)
(merlin_reader mlx)
(preprocess
(run mlx-pp %{input-file}))))For VSCode and its forks (Cursor, Windsurf, etc.), install the Official OCaml Platform extension (version 2.0.0 or higher). It supports mlx syntax highlighting and all LSP features on par with .ml files.
For Neovim users, install plugin: https://github.com/ocaml-mlx/ocaml_mlx.nvim
- Example with Dream web framework: camlworks/dream#330
- Template ReasonReact project: https://github.com/andreypopp/melange-mlx-template
- mlx announcement on OCaml Discourse: https://discuss.ocaml.org/t/ann-mlx-syntax-dialect/15035