ReasonML
Extensões suportadas: ml
, re
ReasonML/BuckleScript
ReasonML compila OCaml para JavaScript com a ajuda do BuckleScript. Você pode utilizar ReasonML ao instalar as dependências e criar o arquivo bsconfig.json
:
$ yarn add bs-platform --dev
// bsconfig.json
// from https://github.com/BuckleScript/bucklescript/blob/master/jscomp/bsb/templates/basic-reason/bsconfig.json
{
"name": "whatever",
"sources": {
"dir": "src",
"subdirs": true
},
"package-specs": {
"module": "commonjs",
"in-source": true
},
"suffix": ".bs.js",
"bs-dependencies": [],
"warnings": {
"error": "+101"
},
"namespace": true,
"refmt": 3
}
<!-- index.html -->
<!doctype html>
<html>
<body>
<script src="./src/index.re"></script>
</body>
</html>
/* src/index.re */
print_endline("Hello World");
ReasonReact
ReasonReact é um bind React para ReasonML. Você pode usar em conjunto com o Parcel também:
$ yarn add react react-dom reason-react
// bsconfig.json
{
"name": "whatever",
+ "reason": {
+ "react-jsx": 2
+ },
"sources": {
"dir": "src",
"subdirs": true
},
"package-specs": {
"module": "commonjs",
"in-source": true
},
"suffix": ".bs.js",
"bs-dependencies": [
+ "reason-react"
],
"warnings": {
"error": "+101"
},
"namespace": true,
"refmt": 3
}
<!-- index.html -->
<html>
<body>
+ <div id="app"></div>
<script src="./src/index.re"></script>
</body>
</html>
/* src/Greeting.re */
let component = ReasonReact.statelessComponent("Greeting");
let make = (~name, _children) => {
...component,
render: _self => <div> (ReasonReact.string("Hello! " ++ name)) </div>,
};
/* src/index.re */
ReactDOMRe.renderToElementWithId(<Greeting name="Parcel" />, "app");
Ajude-nos a melhorar esta documentação
Se alguma coisa estiver faltando ou não estiver inteiramente clara, por favor crie uma issue no repositório deste site ou edite esta página.