Hyperapp vs Mithril

Overview

Mithril

Stacks89

Followers79

Votes86

Hyperapp

Stacks38

Followers51

Votes0

Hyperapp vs Mithril: What are the differences?

Developers describe Hyperapp as "1 KB JavaScript library for building front end applications". Out of the box, Hyperapp combines state management with a VDOM engine that supports keyed updates & lifecycle events — all with no dependencies. On the other hand, Mithril is detailed as "Client-side MVC framework - a tool to organize code in a way that is easy to think about and to maintain". Mithril is around 12kb gzipped thanks to its small, focused, API. It provides a templating engine with a virtual DOM diff implementation for performant rendering, utilities for high-level modelling via functional composition, as well as support for routing and componentization.

Hyperapp and Mithril are primarily classified as "Javascript UI Libraries" and "Javascript MVC Frameworks" tools respectively.

Some of the features offered by Hyperapp are:

Minimal
Functional
Batteries-included

On the other hand, Mithril provides the following key features:

Only 12kb gzipped, no dependencies
Small API, small learning curve
Safe-by-default templates

Hyperapp and Mithril are both open source tools. It seems that Hyperapp with 16.8K GitHub stars and 753 forks on GitHub has more adoption than Mithril with 11.3K GitHub stars and 863 GitHub forks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Detailed Comparison

Mithril	Hyperapp
Mithril is around 12kb gzipped thanks to its small, focused, API. It provides a templating engine with a virtual DOM diff implementation for performant rendering, utilities for high-level modelling via functional composition, as well as support for routing and componentization.	Out of the box, Hyperapp combines state management with a VDOM engine that supports keyed updates & lifecycle events — all with no dependencies.
Only 12kb gzipped, no dependencies;Small API, small learning curve;Safe-by-default templates;Hierarchical MVC via components;Virtual DOM diffing and compilable templates;Intelligent auto-redrawing system	2x faster than react; Minimal;Functional;Batteries-included; 10ms time to interactive
Statistics
Stacks 89	Stacks 38
Followers 79	Followers 51
Votes 86	Votes 0
Pros & Cons
Pros 16 Lightweight 12 Faster than React 10 Pure JavaScript 10 Virtual Dom 8 Robust Cons 1 Virtual Dom	No community feedback yet
Integrations
TypeScript JavaScript	JavaScript

What are some alternatives to Mithril, Hyperapp?

jQuery

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.

AngularJS

AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.

React

Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.

Vue.js

It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.

jQuery UI

Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.

Ember.js

A JavaScript framework that does all of the heavy lifting that you'd normally have to do by hand. There are tasks that are common to every web app; It does those things for you, so you can focus on building killer features and UI.

Backbone.js

Backbone supplies structure to JavaScript-heavy applications by providing models key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.

Svelte

If you've ever built a JavaScript application, the chances are you've encountered – or at least heard of – frameworks like React, Angular, Vue and Ractive. Like Svelte, these tools all share a goal of making it easy to build slick interactive user interfaces. Rather than interpreting your application code at run time, your app is converted into ideal JavaScript at build time. That means you don't pay the performance cost of the framework's abstractions, or incur a penalty when your app first loads.