Adding cover page.

master
Thomas Hintz 4 years ago
parent d33124c6d2
commit 7654412b84

@ -179,7 +179,7 @@ children.
| props | 'class', 'type', 'disabled' | | props | 'class', 'type', 'disabled' |
| children | <h1>, <input>, Hello | | children | <h1>, <input>, Hello |
#+BEGIN_SRC :number-lines nil #+BEGIN_SRC
tag name: 'div' tag name: 'div'
tag prop: 'class' tag prop: 'class'
children: h1..., 'Hello', input... children: h1..., 'Hello', input...
@ -234,6 +234,9 @@ arrays, it inserts calls to React.createElement on children, and
spreads the children instead of containing them in an array. Here is spreads the children instead of containing them in an array. Here is
what "real" JSX compiler output looks like: what "real" JSX compiler output looks like:
# #+NAME: foo
# #+CAPTION: foo bar
# #+attr_leanpub: :line-numbers true
#+BEGIN_SRC javascript #+BEGIN_SRC javascript
React.createElement( React.createElement(
'div', 'div',
@ -574,7 +577,6 @@ and then loop through the current props, setting them accordingly. Of
course we filter out the ~children~ prop since we use that elsewhere course we filter out the ~children~ prop since we use that elsewhere
and it isn't intended to be set directly. and it isn't intended to be set directly.
#+CAPTION: Setting DOM Props
#+BEGIN_SRC javascript #+BEGIN_SRC javascript
function setDOMProps(element, domElement, prevElement) { function setDOMProps(element, domElement, prevElement) {
if (prevElement) { if (prevElement) {

@ -44,7 +44,6 @@ I see three parts: the name of the tag, the tag's properties, and its children.
| props | 'class', 'type', 'disabled' | | props | 'class', 'type', 'disabled' |
| children | <h1>, <input>, Hello | | children | <h1>, <input>, Hello |
{format: ":number-lines"}
``` ```
tag name: 'div' tag name: 'div'
tag prop: 'class' tag prop: 'class'
@ -312,7 +311,7 @@ function createDOMElement(element) {
To set the props on an element we first clear all the existing props and then loop through the current props, setting them accordingly. Of course we filter out the `children` prop since we use that elsewhere and it isn't intended to be set directly. To set the props on an element we first clear all the existing props and then loop through the current props, setting them accordingly. Of course we filter out the `children` prop since we use that elsewhere and it isn't intended to be set directly.
{format: "javascript", caption: "Setting DOM Props"} {format: "javascript"}
``` ```
function setDOMProps(element, domElement, prevElement) { function setDOMProps(element, domElement, prevElement) {
if (prevElement) { if (prevElement) {

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 MiB

Loading…
Cancel
Save