Mithril, Tutorial - Mithril - Basic Setup

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

#javascript #mithril

Autor: Ardian Shala

Ersteller der Webseite MuchaDev. Selbstständiger IT Constultant für Frontend Technologien.

Mithril – Basic Setup

Tutorial Mithril