ReasonML
支援的副檔名：ml 及 re
ReasonML/BuckleScript
ReasonML 透過 BuckleScript 將 Ocaml 編譯成 JavaScript。
安裝相依套件及建立 bsconfig.json 後即可開始使用 ReasonML：
$ 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 讓你可在 ReasonML 中使用 React：
$ yarn add react react-dom reason-react// bsconfig.json
{
"name": "whatever",
+ "reason": {
+ "react-jsx": 3
+ },
"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 */
[@react.component]
let make = (~name) => {
<div> {React.string("Hello! " ++ name)} </div>;
};/* src/index.re */
ReactDOMRe.renderToElementWithId(<Greeting name="Parcel" />, "app");協助我們讓本文件更加完善
若有什麼內容遺漏了或是敘述不清楚的地方，請在本站的 repository 中開啟一個 issue 或者編輯此頁面。