Change React template to fix typo.

jdeisenberg · jdeisenberg · commit 2a2d325f5230 · 2018-11-03T10:54:36.000-07:00
diff --git a/jscomp/bsb/templates/react-lite/src/Component1.re b/jscomp/bsb/templates/react-lite/src/Component1.re
@@ -1,5 +1,5 @@
 /* This is the basic component. */
-let component = ReasonReact.statelessComponent("Page");
+let component = ReasonReact.statelessComponent("Component1");
 
 /* Your familiar handleClick from ReactJS. This mandatorily takes the payload,
    then the `self` record, which contains state (none here), `handle`, `reduce`
@@ -9,11 +9,11 @@ let handleClick = (_event, _self) => Js.log("clicked!");
 /* `make` is the function that mandatorily takes `children` (if you want to use
    `JSX). `message` is a named argument, which simulates ReactJS props. Usage:
 
-   `<Page message="hello" />`
+   `<Component1 message="hello" />`
 
    Which desugars to
 
-   `ReasonReact.element(Page.make(~message="hello", [||]))` */
+   `ReasonReact.element(Component1.make(~message="hello", [||]))` */
 let make = (~message, _children) => {
   ...component,
   render: self =>
diff --git a/jscomp/bsb/templates/react-lite/src/Index.re b/jscomp/bsb/templates/react-lite/src/Index.re
@@ -1,3 +1,3 @@
-ReactDOMRe.renderToElementWithId(<Component1 message="Hello!" />, "index1");
+ReactDOMRe.renderToElementWithId(<Component1 message="Hello! Click this text." />, "index1");
 
 ReactDOMRe.renderToElementWithId(<Component2 greeting="Hello!" />, "index2");
diff --git a/jscomp/bsb/templates/react/src/Component1.re b/jscomp/bsb/templates/react/src/Component1.re
@@ -1,5 +1,5 @@
 /* This is the basic component. */
-let component = ReasonReact.statelessComponent("Page");
+let component = ReasonReact.statelessComponent("Component1");
 
 /* Your familiar handleClick from ReactJS. This mandatorily takes the payload,
    then the `self` record, which contains state (none here), `handle`, `reduce`
@@ -9,11 +9,11 @@ let handleClick = (_event, _self) => Js.log("clicked!");
 /* `make` is the function that mandatorily takes `children` (if you want to use
    `JSX). `message` is a named argument, which simulates ReactJS props. Usage:
 
-   `<Page message="hello" />`
+   `<Component1 message="hello" />`
 
    Which desugars to
 
-   `ReasonReact.element(Page.make(~message="hello", [||]))` */
+   `ReasonReact.element(Component1.make(~message="hello", [||]))` */
 let make = (~message, _children) => {
   ...component,
   render: self =>
diff --git a/jscomp/bsb/templates/react/src/Index.re b/jscomp/bsb/templates/react/src/Index.re
@@ -1,3 +1,3 @@
-ReactDOMRe.renderToElementWithId(<Component1 message="Hello!" />, "index1");
+ReactDOMRe.renderToElementWithId(<Component1 message="Hello! Click this text." />, "index1");
 
 ReactDOMRe.renderToElementWithId(<Component2 greeting="Hello!" />, "index2");
diff --git a/jscomp/bsb/templates/react/src/index.html b/jscomp/bsb/templates/react/src/index.html
@@ -7,6 +7,7 @@
 <body>
   Component 1:
   <div id="index1"></div>
+
   Component 2:
   <div id="index2"></div>
 

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`		`-ReactDOMRe.renderToElementWithId(<Component1 message="Hello!" />, "index1");`
	`1`	`+ReactDOMRe.renderToElementWithId(<Component1 message="Hello! Click this text." />, "index1");`
`2`	`2`
`3`	`3`	`ReactDOMRe.renderToElementWithId(<Component2 greeting="Hello!" />, "index2");`