Merge pull request #2770 from chenglou/rr

[Bsb templates] Update ReasonReact template

Author: bobzhang

jscomp/bsb/templates/react/README.md

@@ -8,6 +8,7 @@ npm start
 # in another tab
 npm run webpack
 ```
+
 After you see the webpack compilation succeed (the `npm run webpack` step), open up `src/index.html` (**no server needed!**). Then modify whichever `.re` file in `src` and refresh the page to see the changes.
 
 **For more elaborate ReasonReact examples**, please see https://github.com/reasonml-community/reason-react-example

jscomp/bsb/templates/react/bsconfig.json

@@ -20,8 +20,5 @@
   "bs-dependencies": [
     "reason-react"
   ],
-  "refmt": 3,
-  "warnings": {
-    "error": "+5"
-  }
+  "refmt": 3
 }

jscomp/bsb/templates/react/package.json

@@ -17,7 +17,7 @@
   "dependencies": {
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
-    "reason-react": ">=0.3.4"
+    "reason-react": ">=0.4.0"
   },
   "devDependencies": {
     "bs-platform": "^${bsb:bs-version}",

jscomp/bsb/templates/react/src/Component1.re

@@ -18,6 +18,6 @@ let make = (~message, _children) => {
   ...component,
   render: self =>
     <div onClick=(self.handle(handleClick))>
-      (ReasonReact.stringToElement(message))
+      (ReasonReact.string(message))
     </div>,
 };

jscomp/bsb/templates/react/src/Component2.re

@@ -33,15 +33,12 @@ let make = (~greeting, _children) => {
       "You've clicked this " ++ string_of_int(self.state.count) ++ " times(s)";
     <div>
       <button onClick=(_event => self.send(Click))>
-        (ReasonReact.stringToElement(message))
+        (ReasonReact.string(message))
       </button>
       <button onClick=(_event => self.send(Toggle))>
-        (ReasonReact.stringToElement("Toggle greeting"))
+        (ReasonReact.string("Toggle greeting"))
       </button>
-      (
-        self.state.show ?
-          ReasonReact.stringToElement(greeting) : ReasonReact.nullElement
-      )
+      (self.state.show ? ReasonReact.string(greeting) : ReasonReact.null)
     </div>;
   },
 };