/reason-parcel-demo

Create ReasonReact project with Parcel in 5 minutes

Primary LanguageC++

Reason with parcel

requirement

$ npm install -g bs-platform

Step by step

  1. Create directory $ mkdir reason-parcel && cd reason-parcel

  2. Add dependencies $ yarn add reason-react parcel-bundler

  3. Resolve package bs-platform $ npm link bs-platform

  4. Add bsconfig.json

{
  "name": "reason-parcel",
  "sources": [
    "src"
  ],
  "bs-dependencies": [
    "reason-react"
  ],
  "reason": {
    "react-jsx": 2
  },
  "bsc-flags": [
    "-bs-super-errors"
  ],
  "refmt": 3
}
  1. Add reason files in src directory $mkdir src && touch src/index.re
ReactDOMRe.renderToElementWithId(<div>(ReasonReact.stringToElement("Hello Reason and Parcel"))</div>, "root");
  1. Add index.html
<!DOCTYPE html>
<html>
    <head>
        <title>React starter app</title>
    </head>
    <body>
        <div id="root"></div>
        <script src="lib/js/src/index.js"></script>
    </body>
</html>
  1. Add scripts in packge.json
  "scripts": {
    "start": "parcel index.html",
    "watch": "bsb -make-world -w"
  },

  1. Compile Reason files to JavaScript $ bsb -make-world -w

  2. Run Parcel in another terminal. $ yarn start

Use bsb init

  1. Create project by bsb -init $ bsb -init reason-parcel-2 -theme react && cd reason-parcel-2

  2. Add parcel $ yarn add parcel-bundler

  3. Change entry point src="../build/index.js" -> src="index.bs.js"

  4. Add script in package.json

"parcel": "parcel src/index.html"

  1. Compile Reason files to JavaScript $ yarn start

  2. Run Parcel in another terminal. $ yarn parcel

Reference

Create a React app with zero configuration using Parcel