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

Make references to atom explicit, not referred 

After extensive discussion in https://github.com/reagent-project/reagent/issues/161 it appears a number of new people get confused by the use of the referred reagent atom. Changing this page (and other parts of the documentation) to use an aliased namespace directly without using a referred version of atom may decrease the number of confused people. This is largely an experiment to see if it helps. (It can't hurt!) :)
This commit is contained in:
JulianLeviston 2015-07-31 16:18:17 +10:00
parent f00ca03f70
commit 16bbb19bc0
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@ -85,13 +85,13 @@ assuming we have imported Reagent like this:
```clj ```clj
(ns example (ns example
(:require [reagent.core :as reagent :refer [atom]])) (:require [reagent.core :as r]))
``` ```
State is handled using Reagent's version of `atom`, like this: State is handled using Reagent's version of `atom`, like this:
```clj ```clj
(def click-count (atom 0)) (def click-count (r/atom 0))
(defn state-ful-with-atom [] (defn state-ful-with-atom []
[:div {:on-click #(swap! click-count inc)} [:div {:on-click #(swap! click-count inc)}
@ -104,7 +104,7 @@ If you want do some setting up when the component is first created, the componen
```clj ```clj
(defn timer-component [] (defn timer-component []
(let [seconds-elapsed (atom 0)] (let [seconds-elapsed (r/atom 0)]
(fn [] (fn []
(js/setTimeout #(swap! seconds-elapsed inc) 1000) (js/setTimeout #(swap! seconds-elapsed inc) 1000)
[:div [:div
@ -116,7 +116,7 @@ This way you can avoid using React's lifecycle callbacks like `getInitialState`
But you can still use them if you want to, either using `reagent.core/create-class` or by attaching meta-data to a component function: But you can still use them if you want to, either using `reagent.core/create-class` or by attaching meta-data to a component function:
```clj ```clj
(def my-html (atom "")) (def my-html (r/atom ""))
(defn plain-component [] (defn plain-component []
[:p "My html is " @my-html]) [:p "My html is " @my-html])