Description
Monkberry is blazingly fast, small 1kb and simple JavaScript library for building web user interfaces.
Monkberry alternatives and similar libraries
Based on the "MVC Frameworks and Libraries" category
-
react
A library for building user interfaces. It's declarative, efficient, and extremely flexible. Works with a Virtual DOM. -
svelte
Svelte is a new way to build web applications. It's a compiler that takes your declarative components and converts them into efficient JavaScript that surgically updates the DOM. -
marionette
A composite application library for Backbone.js that aims to simplify the construction of large scale JavaScript applications. -
derby
MVC framework making it easy to write realtime, collaborative applications that run in both Node.js and browsers. -
donejs
DoneJS is an open source JavaScript framework that makes it easy to build high performance, real-time web and mobile applications. -
finity
A finite state machine library for Node.js and the browser with a friendly configuration DSL. -
makefun
Use promise values as they are satisfied otherwise wait for the promise
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest. Visit our partner's website for more details.
Do you think we are missing an alternative of Monkberry or a related project?
Popular Comparisons
-
Monkberryvsreact
-
MonkberryvsVue.js
-
Monkberryvsangular.js
-
Monkberryvsmithril.js
-
Monkberryvsmeteor
|
SaaSHub - Software Alternatives and Reviews
View more from us
|
README
Monkberry
Monkberry is blazingly fast, small 1kb and simple JavaScript library for building web user interfaces.
Example
Monkberry comes with powerfull templating engine, which is compiled to JavaScript.
<ol>
{% for todos %}
<li>
{% if complete %}
<del>{{ text }}</del>
{% else %}
<em>{{ text }}</em>
{% endif %}
</li>
{% endfor %}
</ol>
and then
import Monkberry from 'monkberry';
import Template from 'template.monk';
const view = Monkberry.render(Template, document.body);
view.update({todos: [...]});
Features
- Small
1kbminified & gzipped - Simple, small learning curve
- Fully tested
- Precompiled templates
- Source maps
- Custom tags
- Blazingly fast (only necessary dom updates)
Documentation
Documentation available on monkberry.js.org site.
Development
If you want to hack on Monkberry, the first step is to fork the repo.
# Build compiler
npm run build
# Build parser
npm run build:parser
# Watch changes and rebuild
npm run watch
# Start tests server
testem
Plugins
Performance
Benchmarks
Why is Monkberry so fast? Even in comparison with React, Monkberry is 10 times faster, sometimes 100 times faster. It's because Monkberry will do only necessary dom updates, and does it in a completely different way than React does. Monkberry compiles template to plain JavaScript to gain an advantage by using v8 hidden classes and reduce call stack. There is no virtual dom (in general, an react app have to keep 3 virtual doms), for example next template will be generated to JavaScript code which will do only necessary dom updates on state changes.
<div>
...
<h1>{{ title }}</h1>
...
</div>
Will be compiled to code like this:
function (state) {
h1.textContent = state.title;
}
Benchmarks covers a few use cases and compares Monkberry with React and innerHTML. Also, it contains real site code and data.
License
The MIT License (MIT) Copyright © 2016 Medvedev Anton
*Note that all licence references and agreements mentioned in the Monkberry README section above
are relevant to that project's source code only.