tjhintz/foundations-high-performance-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Formatting updates.

Browse Source
This commit is contained in:
Thomas Hintz
2020-10-06 08:20:10 -07:00
parent b470727093
commit ba4f38c5a8
6 changed files with 189 additions and 185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
foundations-high-performance-react.org
View File

@@ -12,6 +12,7 @@
#+TITLE: Foundations of High-Performance React Applications #+TITLE: Foundations of High-Performance React Applications
#+AUTHOR: Thomas Hintz #+AUTHOR: Thomas Hintz
#+EXCLUDE_TAGS: noexport
#+startup: indent #+startup: indent
#+tags: noexport sample frontmatter mainmatter backmatter #+tags: noexport sample frontmatter mainmatter backmatter
@@ -196,7 +197,8 @@ This is what I'm thinking:
#+BEGIN_SRC javascript #+BEGIN_SRC javascript
['div', { 'className': 'header' }, ['div', { 'className': 'header' },
[['h1', {}, ['Hello']], [['h1', {}, ['Hello']],
['input', { 'type': 'submit', 'disabled': 'disabled' }, []] ['input', { 'type': 'submit', 'disabled': 'disabled' },
[]]
] ]
] ]
#+END_SRC #+END_SRC
@@ -380,7 +382,8 @@ function render(element, container) {
.forEach((key) => domElement[key] = props[key]); .forEach((key) => domElement[key] = props[key]);
// render its children // render its children
props.children.forEach((child) => render(child, domElement)); props.children.forEach((child) =>
render(child, domElement));
// add our tree to the DOM! // add our tree to the DOM!
container.appendChild(domElement); container.appendChild(domElement);
@@ -787,7 +790,7 @@ cause of a performance bottleneck? Or how do you use the React APIs in
a performant way? These types of questions should be easier to track a performant way? These types of questions should be easier to track
down and understand with the foundations covered and I hope this is down and understand with the foundations covered and I hope this is
only the start of your High-Performance React journey. only the start of your High-Performance React journey.
* Image Test * Image Test :noexport:
:PROPERTIES: :PROPERTIES:
:EXPORT_FILE_NAME: manuscript/image-test.markua :EXPORT_FILE_NAME: manuscript/image-test.markua
:END: :END:

1
manuscript/Book.txt
View File

@@ -10,4 +10,3 @@ reconciliation.markua
fibers.markua fibers.markua
putting-it-all-together.markua putting-it-all-together.markua
conclusion.markua conclusion.markua
image-test.markua

3
manuscript/markup-in-javascript---jsx-.markua
View File

@@ -34,7 +34,8 @@ This is what I'm thinking:
``` ```
['div', { 'className': 'header' }, ['div', { 'className': 'header' },
[['h1', {}, ['Hello']], [['h1', {}, ['Hello']],
['input', { 'type': 'submit', 'disabled': 'disabled' }, []] ['input', { 'type': 'submit', 'disabled': 'disabled' },
[]]
] ]
] ]
``` ```

3
manuscript/render.markua
View File

@@ -42,7 +42,8 @@ function render(element, container) {
.forEach((key) => domElement[key] = props[key]); .forEach((key) => domElement[key] = props[key]);
// render its children // render its children
props.children.forEach((child) => render(child, domElement)); props.children.forEach((child) =>
render(child, domElement));
// add our tree to the DOM! // add our tree to the DOM!
container.appendChild(domElement); container.appendChild(domElement);