diff --git a/high-performance-react.org b/high-performance-react.org index 6ca04b7..48e2ba7 100644 --- a/high-performance-react.org +++ b/high-performance-react.org @@ -174,6 +174,13 @@ constructed of. What parts do you see here? I see three parts: the name of the tag, the tag's properties, and its children. +#+begin_example +|----------+-----------------------------| +| name | 'div', 'h1', 'input' | +| props | 'class', 'type', 'disabled' | +| children |

, , Hello | +#+end_example + #+BEGIN_SRC tag name: 'div' tag prop: 'class' diff --git a/manuscript/fundamentals--building-our-own-react.markua b/manuscript/fundamentals--building-our-own-react.markua index ac2a895..2eed65f 100644 --- a/manuscript/fundamentals--building-our-own-react.markua +++ b/manuscript/fundamentals--building-our-own-react.markua @@ -40,6 +40,13 @@ To start with we need to create a data structure that both represents a DOM tree I see three parts: the name of the tag, the tag's properties, and its children. +``` +|----------+-----------------------------| +| name | 'div', 'h1', 'input' | +| props | 'class', 'type', 'disabled' | +| children |

, , Hello | +``` + ``` tag name: 'div' tag prop: 'class'