• ReasonML
    • ReasonML/BuckleScript
      • ReasonReact
    • 帮助我们改善文档

    ReasonML

    支持扩展类型: ml, re

    ReasonML/BuckleScript

    ReasonML在BuckleScript 的帮助下将 OCaml 编译为 JavaScript。通过安装依赖和创建bsconfig.json文件使用 ReasonML。

    1. $ yarn add bs-platform --dev
    1. // bsconfig.json
    2. // from https://github.com/BuckleScript/bucklescript/blob/master/jscomp/bsb/templates/basic-reason/bsconfig.json
    4. {
    5.   "name": "whatever",
    6.   "sources": {
    7.     "dir": "src",
    8.     "subdirs": true
    9.   },
    10.   "package-specs": {
    11.     "module": "commonjs",
    12.     "in-source": true
    13.   },
    14.   "suffix": ".bs.js",
    15.   "bs-dependencies": [],
    16.   "warnings": {
    17.     "error": "+101"
    18.   },
    19.   "namespace": true,
    20.   "refmt": 3
    21. }
    1. <!-- index.html -->
    2. <!DOCTYPE html>
    3. <html>
    4.   <body>
    5.     <script src="./src/index.re"></script>
    6.   </body>
    7. </html>
    1. /* src/index.re */
    2. print_endline("Hello World");

    ReasonReact

    ReasonReact 通过 ReasonML 构建 React。当然也能在 Parcel 中使用：

    1. $ yarn add react react-dom reason-react
    1. // bsconfig.json
    3. {
    4.   "name": "whatever",
    5. + "reason": {
    6. +   "react-jsx": 3
    7. + },
    8.   "sources": {
    9.     "dir": "src",
    10.     "subdirs": true
    11.   },
    12.   "package-specs": {
    13.     "module": "commonjs",
    14.     "in-source": true
    15.   },
    16.   "suffix": ".bs.js",
    17.   "bs-dependencies": [
    18. +   "reason-react"
    19.   ],
    20.   "warnings": {
    21.     "error": "+101"
    22.   },
    23.   "namespace": true,
    24.   "refmt": 3
    25. }
    1. <!-- index.html -->
    2. <html>
    3. <body>
    4. + <div id="app"></div>
    5.   <script src="./src/index.re"></script>
    6. </body>
    7. </html>
    1. /* src/Greeting.re */
    3. [@react.component]
    4. let make = (~name) => {
    5.   <div> {React.string("Hello! " ++ name)} </div>;
    6. };
    1. /* src/index.re */
    3. ReactDOMRe.renderToElementWithId(<Greeting name="Parcel" />, "app");

    帮助我们改善文档

    如果有遗漏或者不清楚的地方，请在本站的仓库 提交issue 或者 编辑此页面.