Adding cover page.
This commit is contained in:
@@ -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) {
|
||||||
|
|||||||
BIN
manuscript/resources/images/title_page.png
Normal file
BIN
manuscript/resources/images/title_page.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 MiB |
Reference in New Issue
Block a user