KnockoutJS vs Mithril

Overview

Knockout

Stacks369

Followers202

Votes6

GitHub Stars10.5K

Forks1.5K

Mithril

Stacks89

Followers79

Votes86

KnockoutJS vs Mithril: What are the differences?

Developers describe KnockoutJS as "Knockout makes it easier to create rich, responsive UIs with JavaScript". Knockout is a JavaScript MVVM (a modern variant of MVC) library that makes it easier to create rich, desktop-like user interfaces with JavaScript and HTML. It uses observers to make your UI automatically stay in sync with an underlying data model, along with a powerful and extensible set of declarative bindings to enable productive development. 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.

KnockoutJS and Mithril can be primarily classified as "Javascript MVC Frameworks" tools.

KnockoutJS and Mithril are both open source tools. Mithril with 11.3K GitHub stars and 863 forks on GitHub appears to be more popular than KnockoutJS with 9.54K GitHub stars and 1.54K GitHub forks.

Runscope, Huddle, and EasyPreOrders are some of the popular companies that use KnockoutJS, whereas Mithril is used by Dial Once, Cloud Vlts, Inc., and SpartanGeek. KnockoutJS has a broader approval, being mentioned in 27 company stacks & 21 developers stacks; compared to Mithril, which is listed in 5 company stacks and 5 developer stacks.

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

Knockout	Mithril
It is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on the user’s actions or when an external data source changes), it can help you implement it more simply and maintainably.	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.
Easily associate DOM elements with model data using a concise, readable syntax; When your data model's state changes, your UI updates automatically; Implicitly set up chains of relationships between model data, to transform and combine it; Quickly generate sophisticated, nested UIs as a function of your model data	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
Statistics
GitHub Stars 10.5K	GitHub Stars -
GitHub Forks 1.5K	GitHub Forks -
Stacks 369	Stacks 89
Followers 202	Followers 79
Votes 6	Votes 86
Pros & Cons
Pros 3 Data centered application 2 Great for validations 1 Open source	Pros 16 Lightweight 12 Faster than React 10 Pure JavaScript 10 Virtual Dom 8 Robust Cons 1 Virtual Dom
Integrations
JavaScript	TypeScript JavaScript

What are some alternatives to Knockout, Mithril?

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.