Mithril-App

Composable apps for Mithril.js.

Create self contained mithril apps that can be nested into each other.

Usage

1var m = require('mithril');
2var mApp = require('mithril-app');
3
4// set mithril's routing mode
5m.route.mode = 'hash';
6
7var main = mApp();
8
9// add regular mithril components
10main.use('/', {
11  controller: function () {},
12  view: function (ctrl) {
13    return m('h1', 'Home');
14  }
15});
16
17main.use('/greeting', {
18  controller: function () {},
19  view: function (ctrl) {
20    return m('h1', 'Greetings earthlings');
21  }
22});
23
24var dashboard = mApp();
25
26dashboard.use('/dashboard', {
27  controller: function () {},
28  view: function (ctrl) {
29    return m('h1', 'Dashboard');
30  }
31});
32
33var user = mApp();
34
35user.use('/account', {
36  controller: function () {},
37  view: function (ctrl) {
38    return m('h1', 'My Account');
39  }
40});
41
42// add other apps
43main.use(dashboard);
44
45// add other apps nested in a route
46main.use('/user', user);
47
48// now mount main app to DOM
49main.mount(document.getElementById('app'));

You shoud now have the following routes:

• / > Home
• /greeting > Greetings earthlings
• /dashboard > Dashboard
• /user/account > My Account

Mounting multiple apps at once.

It's also possible to mount multiple apps with on use-call

1app.use({
2 '/': homepageComponent
3 '/user': userApp
4})

You can use either mithril components or other apps as values.