Developer Tools

Jump to bottom Edit New page

Arthur Clemens edited this page Dec 10, 2016 · 43 revisions

Table of Contents

General Tools
Starter Kits
Preprocessors - JS • MSX • CSS

General Tools

LiveReload Gulp plugin - LiveReload for JS files (demo)
Mithril with Amok - Amok offers live editing of running JS scripts VIDEO DEMO
Sublime Text shortcuts - sublime package or add json file to User packages
HTML to Mithril JS Converter
mithril-source-hint - Get the file and linenumber of the m-call that was the souce of the DOM-element you hover over

Starter Kits

mithril-starter-kit - Functional, test driven and modern js toolset for building webapps
mithril-rails - a Rails gem that includes MSX
mithril-boilerplate - A setup to get up and running with Mithril in an NodeJS environment. Includes LESS.
Another Mithril boilerplate - Another setup to get up and running with Mithril in NodeJS. Includes MSX, LESS and Bootstrap.
Mithril CoffeeScript starter - Basic setup for Mithril with CoffeeScript, Browserify, LESS, and Bootstrap out of the box.
mithril-hx - Mithril for the modern cross-platform language Haxe.
mithril-quickstart - Quick start with NodeJs, Express, themable using bootswatch, authentication using JWT+bcrypt+mongodb and in-memory dev mongodb
node-catapult - A minimal starter project that includes express, browserify, and Mithril. Built for ease of extension for your own needs.
Basic todo, with babel and msx
generator-mithril-webpack - Yeoman generator for Mithril applications using ES6 and Webpack
Mixed MVC framework using Mithril for the Controller and View and Backbone for the Events, Model, and Collection.
jspm-mithril - Mithril.js boilerplate with hot reloading modules: standard, jsdom, husky, grunt, chai
Mithril-Redux Starter with Webpack
Mithril-Redux Starter with Browserify and browserfy-hmr (hot model replacement)
mongodb-express-redux-mithril-universal-start uses MongoDB, Express, Redux, Mithril. Blog and User administration is included for quick site building. Server-side rendering. see demo https://merm.herokuapp.com/
mithril-msx-webpack
mithril-starter-rollup for Mithril 1.x with Rollup, Babel, LiveReload, Jest and ESLint

Preprocessors

mithril-objectify - API, CLI, or Browserify transform - optimize m() calls to JS objects - for speed
MSX - React-based preprocessor that allows Mithril templates to be written with HTML syntax (e.g. <div></div> instead of m("div"))
msx-reader - another MSX reader for JavaScript, powered by sweet.js
mithrilify Browserify transform for converting Mithril view templates
mithril.sugarTags Sugar'd tags for use with Mithril views, much nicer and succinct compared to normal view definitions with the same benefits
Mithril icon builder - Converts SVG icons to Mithril elements, for instance mmsvg
jade-mithrilier - A design-focused abstraction layer over Mithril. Provides a small utility library to allow you to better harmonise your MVC strategy with server-side models and rendering processes
j2c small CSS in JS library that comes with a mithril adapter.
mss - CSS library/compiler - Compiles javascript objects into CSS then inserts it into the <head> of the document. EXAMPLE with Mithril (uses coffeescript)

edited