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

Update ReactFeatures.md

This commit is contained in:
Juho Teperi 2019-05-23 21:05:31 +03:00 committed by GitHub
parent 216eff51bb
commit 363f2d4976
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
doc/ReactFeatures.md
View File

@ -29,7 +29,7 @@ Reagent:
Reagent syntax follows [React Fragment short syntax](https://reactjs.org/docs/fragments.html#short-syntax). Reagent syntax follows [React Fragment short syntax](https://reactjs.org/docs/fragments.html#short-syntax).
## Context ## [Context](https://reactjs.org/docs/context.html)
```cljs ```cljs
(defonce my-context (react/createContext "default")) (defonce my-context (react/createContext "default"))
@ -47,7 +47,7 @@ Reagent syntax follows [React Fragment short syntax](https://reactjs.org/docs/fr
Tests contain example of using old React lifecycle Context API (`context-wrapper` function): Tests contain example of using old React lifecycle Context API (`context-wrapper` function):
[tests](https://github.com/reagent-project/reagent/blob/master/test/reagenttest/testreagent.cljs#L1141-L1165) [tests](https://github.com/reagent-project/reagent/blob/master/test/reagenttest/testreagent.cljs#L1141-L1165)
## Error boundaries ## [Error boundaries](https://reactjs.org/docs/error-boundaries.html)
You can use `ComponentDidCatch` lifecycle method with `create-class`: You can use `ComponentDidCatch` lifecycle method with `create-class`:
@ -64,7 +64,7 @@ You can use `ComponentDidCatch` lifecycle method with `create-class`:
comp))})) comp))}))
``` ```
## Hooks ## [Hooks](https://reactjs.org/docs/hooks-intro.html)
Hooks can't be used inside class components, and Reagent implementation creates Hooks can't be used inside class components, and Reagent implementation creates
a class component from every function (i.e. Reagent component). a class component from every function (i.e. Reagent component).
@ -97,7 +97,7 @@ If you need to pass RAtom state into these components, dereference them in
the Reagent components and pass the value (and if needed, function to update them) the Reagent components and pass the value (and if needed, function to update them)
as properties into the React function component. as properties into the React function component.
## Portals ## [Portals](https://reactjs.org/docs/portals.html)
```cljs ```cljs
(defn reagent-component [] (defn reagent-component []
@ -111,7 +111,7 @@ as properties into the React function component.
TODO: Can this be done without create-class and `:render`. TODO: Can this be done without create-class and `:render`.
TODO: This might have problems handling Ratoms, test. TODO: This might have problems handling Ratoms, test.
## Hydrate ## [Hydrate](https://reactjs.org/docs/react-dom.html#hydrate)
```cljs ```cljs
(react-dom/hydrate (r/as-element [main-component]) container) (react-dom/hydrate (r/as-element [main-component]) container)