| OLD | NEW |
|---|
| 1 Effen (fn) | 1 Effen (fn) |
| 2 === | 2 === |
| 3 | 3 |
| 4 Effen is a prototype of a functional-reactive framework for sky which takes insp
iration from [React](http://facebook.github.io/react/). | 4 Effen is a prototype of a functional-reactive framework for sky which takes insp
iration from [React](http://facebook.github.io/react/). |
| 5 | 5 |
| 6 Effen is comprised of three main parts: a virtual-dom and diffing engine, a comp
onent mechanism and a very early set of widgets for use in creating applications
. | 6 Effen is comprised of three main parts: a virtual-dom and diffing engine, a comp
onent mechanism and a very early set of widgets for use in creating applications
. |
| 7 | 7 |
| 8 The central idea is that you build your UI out of components. Components describ
e what their view should look like given their current configuration & state. Th
e diffing engine ensures that the DOM looks how the component describes by apply
ing minimal diffs to transition it from one state to the next. | 8 The central idea is that you build your UI out of components. Components describ
e what their view should look like given their current configuration & state. Th
e diffing engine ensures that the DOM looks how the component describes by apply
ing minimal diffs to transition it from one state to the next. |
| 9 | 9 |
| 10 If you just want to dive into code, see the [stocks-fn example](../examples/stoc
ks-fn). | 10 If you just want to dive into code, see the [stocks example](../examples/stocks)
. |
| 11 | 11 |
| 12 | 12 |
| 13 Hello World | 13 Hello World |
| 14 ----------- | 14 ----------- |
| 15 | 15 |
| 16 To build an application, create a subclass of App and instantiate it. | 16 To build an application, create a subclass of App and instantiate it. |
| 17 | 17 |
| 18 ```HTML | 18 ```HTML |
| 19 <!-- In hello.sky --> | 19 <!-- In hello.sky --> |
| 20 <script> | 20 <script> |
| (...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 127 | 127 |
| 128 Animation | 128 Animation |
| 129 --------- | 129 --------- |
| 130 Animation is still an area of exploration. Have a look at [AnimatedComponent](co
mponents/animated_component.dart) and [Drawer](components/drawer.dart) for an ex
ample of this this currently works. | 130 Animation is still an area of exploration. Have a look at [AnimatedComponent](co
mponents/animated_component.dart) and [Drawer](components/drawer.dart) for an ex
ample of this this currently works. |
| 131 | 131 |
| 132 Performance | 132 Performance |
| 133 ----------- | 133 ----------- |
| 134 It is a design goal that it should be *possible* to arrange that all "build" cyc
les which happen during animations can complete in less than one milliesecond on
a Nexus 5. | 134 It is a design goal that it should be *possible* to arrange that all "build" cyc
les which happen during animations can complete in less than one milliesecond on
a Nexus 5. |
| 135 | 135 |
| 136 | 136 |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1005393006:
Clean up examples directory (Closed)
Base URL: git@github.com:domokit/mojo.git@master