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),
• web is a rethinking of how the odoo web client could be implemented.

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).

Web Client Example

The web example,located in the examples/web/ folder is a rethink of what the web client could look like if it is ever rebuilt from scratch. It is currently an experiment. But obviously, we hope someday to be able to use this work and actually rewrite completely the odoo web client.

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

Note that it is currently written in typescript.