Riot.js – nice React alternative
Recently i’m looking for easier versions of popular libraries. There is a lot of buzz around Facebook React.js library, but i found it not especially user / developer friendly – at least at first glitch. Obviously some people says that it’s not so complicated, but… there is something super simple and super light – Riot.js.
Advertised as A REACT- LIKE, 3.5KB USER INTERFACE LIBRARY – i’ve been using it so far only for routing (it’s small, it’s nice and fast) but looks like a good candidate for more serious actions. Obviously it’s very modular, it has observable, custom tags, mentioned earlier router. Looks pretty straight forward, especially with examples like that:
// Login API var auth = riot.observable() auth.login = function(params) { $.get('/api', params, function(json) { auth.trigger('login', json) }) } <!-- login view --> <login> <form onsubmit="{ login }"> <input name="username" type="text" placeholder="username"> <input name="password" type="password" placeholder="password"> </form> login() { opts.login({ username: this.username.value, password: this.password.value }) } // any tag on the system can listen to login event opts.on('login', function() { $(body).addClass('logged') }) </login>