lucasbrigida / angular-riot

riot.js module for angular

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

riot.js module for angularjs - DEPRECATED

riotjs angular

bower Gitter chat Hit Counter

Description

Today, you can use Angular + React with ng-react but I think isn't friendly enough.

Angular-Riot is a module for expose riot under angular, because:

  • Can use only riot for rendering.
  • Get more performance in your app.
  • Eliminate warnings if you using jshint.
  • Create reactive views without pain.

Benefits

Reduce the number of $$watchers inside Angular to improve the $digest cycle’s performance, beyond get all the benefits of using riot.

I'm using in a old project and decreased the time rendering in seconds to mileseconds.

Prerequisites

You need the riot installed, if you not have in your project, run command below:

$ bower install riot --save

Install

$ bower install angular-riot --save

Don't know RIOT learn more.

Uninstall

$ bower uninstall angular-riot --save

How use

Foolow these instructions and create similar code,

angular.module('moduleName', ['angular-riot'])
  .controller('ctrlName', ['$scope', $document, 'riot', function ($scope, $document, riot) {
      $document.ready(function () { 
        riot.mount('todo', {
          title: 'I want to behave!',
          items: [
            { title: 'Avoid excessive coffeine', done: true },
            { title: 'Hidden item', hidden: true },
            { title: 'Be less provocative' },
            { title: 'Be nice to people' }
          ]
        });
      });
}]);

Version

0.0.1

Todo's

  • Coming soon

License

MIT

Free Software, Hell Yeah!

About

riot.js module for angular

License:MIT License