From f496ef035f62ef4af90e5d677b1f6eaa940bc1da Mon Sep 17 00:00:00 2001 From: Thomas Hintz Date: Sun, 26 Jul 2020 12:13:06 -0700 Subject: [PATCH] Changing markup details to table. --- high-performance-react.org | 7 +++++++ manuscript/fundamentals--building-our-own-react.markua | 7 +++++++ 2 files changed, 14 insertions(+) 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'