mojojs

0.9.10 • Public • Published

Mojo.js is a customizable, modular JavaScript framework inspired by Node.js and Backbone.js. The framework is entirely modular - everything is broken out into smaller, more manageable libraries that allow you to cherry-pick exactly what features you want to use for your application. These libraries include the application, models, views, template engine, router. These libraries were designed to work well with one-another, but not depend on each other. This means that you can even use your own models, views, template engine, or router, and Mojo.js will play nicely with them.

Mojo.js was designed with the Strangler Pattern in mind. If you already have a pre-existing application, you can easily build Mojo on-top of it without a full, application re-write. Meaning you can slowly ease into it without worrying about the all-or-nothing approach associated with most JavaScript frameworks.

This library comes bundles with: mojo-models, views, mojo-paperclip, mojo-router, mojo-bootstrap, zepto, and inject.js.

Examples

Hello World

index.html:

<html>
  <head>
    <script type="text/javascript" data-main="entry.js" src="//cdnjs.cloudflare.com/ajax/libs/mojo/0.9.0/mojo.min.js" />
  </head>
  <body>
  </body>
</html>

entry.js:

var HelloView = mojo.views.Base.extend({
  paper: "<div>hello {{message}}!</div>"
});
 
// bootstrap first. Important so the application loads properly -
// waits for document.body to be available.
application.bootstrap(function () {
  var view = new HelloView({ message: "World" }, application);
  
  // displays "Hello World!"
  document.body.appendChild(view.render());
});
 

Readme

Keywords

none

Package Sidebar

Install

npm i mojojs

Weekly Downloads

4

Version

0.9.10

License

ISC

Last publish

Collaborators

  • architectd
  • crcn