[docs] Fix typos

Author: humphd

docs/guides/building-uis/using-react-components/article.html

@@ -42,7 +42,7 @@
 root<span class="punctuation">.</span><span class="function">render</span><span class="punctuation">(</span><span class="tag"><span class="tag"><span class="punctuation">&lt;</span><span class="class-name">App4</span></span> <span class="punctuation">/></span></span><span class="punctuation">)</span><span class="punctuation">;</span>
 console<span class="punctuation">.</span><span class="function">log</span><span class="punctuation">(</span>app<span class="punctuation">.</span>innerHTML<span class="punctuation">)</span><span class="punctuation">;</span>
 <span class="comment">// -> '&lt;span>fido:{color:{walnut}weight:{42}}&lt;/span>'</span>
-</code></pre><p>These are slightly more readable, but are still not really appropriate to actually build a user interface! For that we need to understand how to customize components.</p><h3 id="customizing-components">Customizing Components</h3><p>More likely than JSON-like strings, you will want to customize or compose the rendering of parts of the <a href="/api/store/interfaces/store/store/"><code>Store</code></a> for your UI. The way this works is that each of the react-ui module components has a prop that takes an alternative rendering for its children.</p><p>For example, the <a href="/api/ui-react/functions/store-components/tableview/"><code>TableView</code></a> component takes a <code>rowComponent</code> prop that lets you indicate how the each <a href="/api/store/type-aliases/store/row/"><code>Row</code></a> should be rendered, and the <a href="/api/ui-react/functions/store-components/rowview/"><code>RowView</code></a> component takes a <code>cellComponent</code> prop that lets you indicate how each <a href="/api/store/type-aliases/store/cell/"><code>Cell</code></a> should be rendered. The component passed in to such props itself needs to be capable of taking the same props that the default component would have.</p><p>To render the contents of a <a href="/api/store/type-aliases/store/table/"><code>Table</code></a> into an HTML table, therefore, you might set the components up like this:</p><pre><code><span class="keyword">const</span> <span class="function-variable">MyTableView</span> <span class="operator">=</span> <span class="punctuation">(</span><span class="parameter">props</span><span class="punctuation">)</span> <span class="operator">=></span> <span class="punctuation">(</span>
+</code></pre><p>These are slightly more readable, but are still not really appropriate to actually build a user interface! For that we need to understand how to customize components.</p><h3 id="customizing-components">Customizing Components</h3><p>More likely than JSON-like strings, you will want to customize or compose the rendering of parts of the <a href="/api/store/interfaces/store/store/"><code>Store</code></a> for your UI. The way this works is that each of the react-ui module components has a prop that takes an alternative rendering for its children.</p><p>For example, the <a href="/api/ui-react/functions/store-components/tableview/"><code>TableView</code></a> component takes a <code>rowComponent</code> prop that lets you indicate how each <a href="/api/store/type-aliases/store/row/"><code>Row</code></a> should be rendered, and the <a href="/api/ui-react/functions/store-components/rowview/"><code>RowView</code></a> component takes a <code>cellComponent</code> prop that lets you indicate how each <a href="/api/store/type-aliases/store/cell/"><code>Cell</code></a> should be rendered. The component passed in to such props itself needs to be capable of taking the same props that the default component would have.</p><p>To render the contents of a <a href="/api/store/type-aliases/store/table/"><code>Table</code></a> into an HTML table, therefore, you might set the components up like this:</p><pre><code><span class="keyword">const</span> <span class="function-variable">MyTableView</span> <span class="operator">=</span> <span class="punctuation">(</span><span class="parameter">props</span><span class="punctuation">)</span> <span class="operator">=></span> <span class="punctuation">(</span>
   <span class="tag"><span class="tag"><span class="punctuation">&lt;</span>table</span><span class="punctuation">></span></span><span class="plain-text">
     </span><span class="tag"><span class="tag"><span class="punctuation">&lt;</span>tbody</span><span class="punctuation">></span></span><span class="plain-text">
       </span><span class="tag"><span class="tag"><span class="punctuation">&lt;</span><span class="class-name"><a href="/api/ui-react/functions/store-components/tableview/">TableView</a></span></span> <span class="spread"><span class="punctuation">{</span><span class="operator">...</span>props<span class="punctuation">}</span></span> <span class="attr-name">rowComponent</span><span class="script"><span class="script-punctuation">=</span><span class="punctuation">{</span>MyRowView<span class="punctuation">}</span></span> <span class="punctuation">/></span></span><span class="plain-text">

docs/guides/building-uis/using-react-components/index.html

@@ -42,7 +42,7 @@
 root<span class="punctuation">.</span><span class="function">render</span><span class="punctuation">(</span><span class="tag"><span class="tag"><span class="punctuation">&lt;</span><span class="class-name">App4</span></span> <span class="punctuation">/></span></span><span class="punctuation">)</span><span class="punctuation">;</span>
 console<span class="punctuation">.</span><span class="function">log</span><span class="punctuation">(</span>app<span class="punctuation">.</span>innerHTML<span class="punctuation">)</span><span class="punctuation">;</span>
 <span class="comment">// -> '&lt;span>fido:{color:{walnut}weight:{42}}&lt;/span>'</span>
-</code></pre><p>These are slightly more readable, but are still not really appropriate to actually build a user interface! For that we need to understand how to customize components.</p><h3 id="customizing-components">Customizing Components</h3><p>More likely than JSON-like strings, you will want to customize or compose the rendering of parts of the <a href="/api/store/interfaces/store/store/"><code>Store</code></a> for your UI. The way this works is that each of the react-ui module components has a prop that takes an alternative rendering for its children.</p><p>For example, the <a href="/api/ui-react/functions/store-components/tableview/"><code>TableView</code></a> component takes a <code>rowComponent</code> prop that lets you indicate how the each <a href="/api/store/type-aliases/store/row/"><code>Row</code></a> should be rendered, and the <a href="/api/ui-react/functions/store-components/rowview/"><code>RowView</code></a> component takes a <code>cellComponent</code> prop that lets you indicate how each <a href="/api/store/type-aliases/store/cell/"><code>Cell</code></a> should be rendered. The component passed in to such props itself needs to be capable of taking the same props that the default component would have.</p><p>To render the contents of a <a href="/api/store/type-aliases/store/table/"><code>Table</code></a> into an HTML table, therefore, you might set the components up like this:</p><pre><code><span class="keyword">const</span> <span class="function-variable">MyTableView</span> <span class="operator">=</span> <span class="punctuation">(</span><span class="parameter">props</span><span class="punctuation">)</span> <span class="operator">=></span> <span class="punctuation">(</span>
+</code></pre><p>These are slightly more readable, but are still not really appropriate to actually build a user interface! For that we need to understand how to customize components.</p><h3 id="customizing-components">Customizing Components</h3><p>More likely than JSON-like strings, you will want to customize or compose the rendering of parts of the <a href="/api/store/interfaces/store/store/"><code>Store</code></a> for your UI. The way this works is that each of the react-ui module components has a prop that takes an alternative rendering for its children.</p><p>For example, the <a href="/api/ui-react/functions/store-components/tableview/"><code>TableView</code></a> component takes a <code>rowComponent</code> prop that lets you indicate how each <a href="/api/store/type-aliases/store/row/"><code>Row</code></a> should be rendered, and the <a href="/api/ui-react/functions/store-components/rowview/"><code>RowView</code></a> component takes a <code>cellComponent</code> prop that lets you indicate how each <a href="/api/store/type-aliases/store/cell/"><code>Cell</code></a> should be rendered. The component passed in to such props itself needs to be capable of taking the same props that the default component would have.</p><p>To render the contents of a <a href="/api/store/type-aliases/store/table/"><code>Table</code></a> into an HTML table, therefore, you might set the components up like this:</p><pre><code><span class="keyword">const</span> <span class="function-variable">MyTableView</span> <span class="operator">=</span> <span class="punctuation">(</span><span class="parameter">props</span><span class="punctuation">)</span> <span class="operator">=></span> <span class="punctuation">(</span>
   <span class="tag"><span class="tag"><span class="punctuation">&lt;</span>table</span><span class="punctuation">></span></span><span class="plain-text">
     </span><span class="tag"><span class="tag"><span class="punctuation">&lt;</span>tbody</span><span class="punctuation">></span></span><span class="plain-text">
       </span><span class="tag"><span class="tag"><span class="punctuation">&lt;</span><span class="class-name"><a href="/api/ui-react/functions/store-components/tableview/">TableView</a></span></span> <span class="spread"><span class="punctuation">{</span><span class="operator">...</span>props<span class="punctuation">}</span></span> <span class="attr-name">rowComponent</span><span class="script"><span class="script-punctuation">=</span><span class="punctuation">{</span>MyRowView<span class="punctuation">}</span></span> <span class="punctuation">/></span></span><span class="plain-text">

site/guides/2_building_uis/3_using_react_components.md

@@ -96,7 +96,7 @@ the react-ui module components has a prop that takes an alternative rendering
 for its children.
 
 For example, the TableView component takes a `rowComponent` prop that lets you
-indicate how the each Row should be rendered, and the RowView component takes a
+indicate how each Row should be rendered, and the RowView component takes a
 `cellComponent` prop that lets you indicate how each Cell should be rendered.
 The component passed in to such props itself needs to be capable of taking the
 same props that the default component would have.