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