Mithril – Basic Setup

Tutorial Mithril

von Ardian Shala, 09.05.2017 - update: 14.05.2017
Mithril ist ein leichtgewichtiges Javascript Framework zum Erstellen von Single Page Applications. Folgend ein einfacher Aufbau für eine Mithril App.
Vorraussetzung:
  • JavaScript Basics
  • Mithril - link

Downloads:

JsFiddle Example

Startseite erstellen

Hierfür wird eine index.html Datei erstellt, welche wie folgt aussehen könnte:

<!doctype html>
<html>
    <head>
        <title>Hello Mithril</title>
    </head>
    <body>
    </body>
</html>

Mithril über CDN einbinden

Ein CDN bietet ein schnelles Einbinden von externen Script-Dateien an.
„index.html“ um folgenden Eintrag ergänzen:

<script src="https://unpkg.com/mithril/mithril.js" />

App Einstieg definieren

Um Mithril nutzen zu können, wird ein simples JavaScript Objekt erstellt.
Dieses benötigt mindestens eine „view“ Funktion, welche mittels „HyperScript“ ein Template liefert.

var app = {};
app.view = function(ctrl) {
    return m("h1", "hello mithril")
};
m.mount(document.body, app);

Autor: Ardian Shala

Ersteller der Webseite MuchaDev. Frontend und Backend Entwickler mit Angular, Ionic und C#.