File tree 2 files changed +11
-19
lines changed
2 files changed +11
-19
lines changed Original file line number Diff line number Diff line change @@ -29,32 +29,24 @@ import Prelude
29
29
import Control.Monad.Eff
30
30
31
31
import React
32
- import React.DOM
33
32
34
- hello = mkUI (spec unit) \ctx -> do
35
- props <- getProps ctx
36
- return $ h1 [ className "Hello"
37
- ]
38
- [ text "Hello, "
39
- , text props.name
40
- ]
33
+ import qualified React.DOM as D
34
+ import qualified React.DOM.Props as P
41
35
42
36
incrementCounter ctx e = do
43
37
val <- readState ctx
44
38
writeState ctx (val + 1)
45
39
46
40
counter = mkUI (spec 0) \ctx -> do
47
41
val <- readState ctx
48
- return $ p [ className "Counter"
49
- , onClick (incrementCounter ctx)
50
- ]
51
- [ text (show val)
52
- , text " Click me to increment!"
53
- ]
42
+ return $ D. p [ P. className "Counter"
43
+ , P. onClick (incrementCounter ctx)
44
+ ]
45
+ [ D. text (show val)
46
+ , D. text " Click me to increment!"
47
+ ]
54
48
55
49
main = do
56
- let component = div [] [ hello { name: "World" }
57
- , counter {}
58
- ]
50
+ let component = D.div [] [ counter {} ]
59
51
renderToBody component
60
52
```
Original file line number Diff line number Diff line change @@ -12,8 +12,8 @@ import qualified React.DOM.Props as P
12
12
13
13
foreign import interval :: forall eff a .
14
14
Int ->
15
- Eff ( console :: CONSOLE | eff ) a ->
16
- Eff ( console :: CONSOLE | eff ) Unit
15
+ Eff eff a ->
16
+ Eff eff Unit
17
17
18
18
hello = mkUI (spec unit) \ctx -> do
19
19
props <- getProps ctx
You can’t perform that action at this time.
0 commit comments