owl/examples

Examples

This project features three example to illustrate how to work with the web-core framework:

• benchmarks is a small application to test large number of widgets,
• todoapp is the classical todo application (from the todomvc project),

Benchmarks

This example is just a playground to experiment/showcase some features of the framework, with large number of widgets.

npm run example:benchmarks:build # make a build in dist/examples/
npm run example:benchmarks:dev   # make a build in dist/examples/, and make a live server to access it

The benchmarks application generates a large number of demo messages, and display them in a list, with a few buttons that can be used to alter the number of visible widgets.

Note that each message is itself a widget, with a sub widget. This example could be made faster (by not using subwidgets), but the point is to observe/measure the overhead of the Component class.

Todo App

The Todo App is the classical todo application from http://todomvc.com/. It is a good mini application with non trivial data structures and interface updates.

npm run example:todoapp:build # make a build in dist/examples/
npm run example:todoapp:dev   # make a build in dist/examples/, and make a live server to access it

It is implemented with the Store class (as in redux/vuex).