Update index.html: add spaces between Web/React components (#8750)
Piper Chester committed
Jan 11, 2017 at 11:00 UTC
837835d7f3faa3a79e7552484b7352c7844dfc11
1 file changed
+7
-7
examples/webcomponents/index.html
+7
-7
@@ -2,11 +2,11 @@
2
<html>
3
<head>
4
<meta charset="utf-8">
5
- <title>Basic Example with WebComponents</title>
5
+ <title>Basic Example with Web Components</title>
6
<link rel="stylesheet" href="../shared/css/base.css" />
7
</head>
8
<body>
9
- <h1>Basic Example with WebComponents</h1>
9
+ <h1>Basic Example with Web Components</h1>
10
<div id="container">
11
<p>
12
To install React, follow the instructions on
@@ -20,9 +20,9 @@
20
<br /><br />
21
<h4>Example Details</h4>
22
<p>
23
- This example demonstrates WebComponent/ReactComponent interoperability
24
- by rendering a ReactComponent, which renders a WebComponent, which renders
25
- another ReactComponent in the WebComponent's shadow DOM.
23
+ This example demonstrates Web Component / React Component interoperability
24
+ by rendering a React Component, which renders a Web Component, which renders
25
+ another React Component in the Web Component's shadow DOM.
26
<p>
27
<p>
28
Learn more about React at
@@ -35,7 +35,7 @@
35
36
<script type="text/babel">
37
38
- // Define WebComponent
38
+ // Define Web Component
39
var proto = Object.create(HTMLElement.prototype, {
40
attachedCallback: {
41
value: function() {
@@ -57,7 +57,7 @@
57
}
58
}
59
60
- // Mount React Component (which uses WebComponent which uses React)
60
+ // Mount React Component (which uses Web Component which uses React)
61
var container = document.getElementById('container');
62
ReactDOM.render(<HelloMessage name="Jim Sproch" />, container);
63
</script>