Mithril Starter Kit
A Starter kit for building apps with Mithril custom element types
Overview
The Mithril.Elements Starter Kit is a thin wrapper around the Mithril JavaScript framework that allows developers to create composable custom element types. These custom elements can be used alongside default DOM elements in Mithril views, enabling a more flexible and feature-oriented program structure.
Features
- Custom Elements: Mithril.Elements allows developers to create custom element types that are first-class citizens in the Mithril framework. These custom elements can be composed naturally with existing DOM elements.
- Overloading Existing DOM Tags: Mithril.Elements also supports overloading existing DOM tags. This means that developers can use custom elements to tame complex components, such as large tables, within their Mithril applications.
- Easy Integration: There are three ways to use Mithril.Elements: downloading the starter kit and linking the necessary files, using npm to install Mithril.Elements into an existing Mithril project, or cloning/forking the starter kit repository and starting the development process.
Summary
The Mithril.Elements Starter Kit is a powerful tool for developers using the Mithril JavaScript framework. Through its thin wrapper, Mithril.Elements allows for the creation of custom element types that seamlessly integrate with existing DOM elements. This flexibility enables developers to build more feature-oriented program structures and easily manage complex components within their Mithril applications. The installation process is simple and can be done in a variety of ways, making it accessible for developers at all levels of expertise.
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- LESS
Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.