status-im
/
reagent
mirror of https://github.com/status-im/reagent.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix some sentences and change wording

This commit is contained in:
Iyed Bennour 2019-10-19 17:39:28 +02:00 committed by GitHub
parent f16ee70a24
commit b9ce0ac92f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
doc/UsingHiccupToDescribeHTML.md
View File

@ -40,7 +40,7 @@ The `:style` attribute can be written a string or as a map. The following two ar
"Alert"] "Alert"]
``` ```
The map form is the same as [React's style attribute](https://reactjs.org/docs/dom-elements.html#style), except that when using the map form of the style attribute, the keys should be the same name as the CSS attribute as shown in the above example (not camel cased as is required JavaScript). The map form is the same as [React's style attribute](https://reactjs.org/docs/dom-elements.html#style), except that when using the map form of the style attribute, the keys should be the same as the CSS attribute as shown in the example above (not in camel case as is required JavaScript).
## Special interpretation of `class` attribute ## Special interpretation of `class` attribute
@ -68,7 +68,7 @@ is the same as this:
[:div {:id "my-id"}] [:div {:id "my-id"}]
``` ```
One or more classes can indicated for an element with a `.` and the class-name like this: One or more classes can be indicated for an element with a `.` and the class-name like this:
```clojure ```clojure
[:div.my-class.my-other-class.etc] [:div.my-class.my-other-class.etc]
@ -94,7 +94,7 @@ which is the same as:
## Special notation for nested elements ## Special notation for nested elements
Reagent extends standard Hiccup in one way: it is possible to "squeeze" elements together by using a `>` character. Reagent extends standard Hiccup in one way: it is possible to stack elements together by using a `>` character.
This: This:
@ -133,7 +133,7 @@ If it encounters a ClojureScript vector, it will interpret it as Hiccup. Reagent
1. A keyword like `:div` or `:span`, which it will create using React.createElement 1. A keyword like `:div` or `:span`, which it will create using React.createElement
2. A symbol like `my-component`. 2. A symbol like `my-component`.
If it is symbol, then reagent will evaluate a function by that name. Reagent expects one of three things from this function: If it's a symbol, then reagent will evaluate a function by that name. Reagent expects one of three things from this function:
1. A Hiccup vector. Reagent creates a React component with the function as its render method and uses the Hiccup vector for the initial render. 1. A Hiccup vector. Reagent creates a React component with the function as its render method and uses the Hiccup vector for the initial render.
2. A ClojureScript function. Reagent will then create a React component with this inner function as the render method and will then call the inner function for the initial render. 2. A ClojureScript function. Reagent will then create a React component with this inner function as the render method and will then call the inner function for the initial render.