Reactive Live Programming
Source
Counter Example
Flappy Bird Example
Spiral Example
1
2
3
4
5
6
7
8
9
10
11
12
13
var
i
=
23
;
function
click
(
)
{
i
++
;
}
function
render
(
)
{
return
(
<
div
>
<
h1
>
Demo
<
/
h1
>
<
p
>
Count
:
{
i
}
<
/
p
>
<
button
onclick
=
{
click
}
>
Click
me
<
/
button
>
<
/
div
>
)
;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Time Control
Version
State
Output
HTML
State
Demo
Count:
23
Click me
1
<
div
>
<
h1
>
Demo
</
h1
>
<
p
>
Count:
23
</
p
>
<
button
>
Click me
</
button
>
</
div
>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
{
"i"
:
23
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX