Riot.js - Part 4

Exploring Riot.js – En route to…

Welcome back to our Riot.js exploration! This time, we will explore the routing feature which is the last main feature of Riot.js and will enable you to code amazing apps. This post will also conclude our series « Exploring Riot.js » (don’t be too sad…). What is a router? Good question. A router is a component[…]

Riot.js - Part 3 - Step 3

Exploring Riot.js – Event-driven app (Step3)

Welcome to Step 3 of our “Exploring Riot.js – Part 3”, humbly named: Step #3 – an even even more amazing app than the even more amazing app (could it be?) In the Step 2 of our “Exploring Riot.js – Part 3″, I’ve managed to sell you an amazing UX experience of the “Reload Stocks”[…]

Riot.js - Part 3 - Step 2

Exploring Riot.js – Event-driven app (Step2)

Welcome to Step 2 of the “Exploring Riot.js – Part 3”!, modestly entitled: Step #2 – an even more amazing app! In the Step 1 of our “Exploring Riot.js – Event-driven app”, we saw an amazing app that presented the data from the Stockmarket API in different forms: a table and a chart. Do you remember[…]

Riot.js - Part 3

Exploring Riot.js – Event-driven app (Step1)

In the previous post, we were presenting the traditional “Hello World” example using Riot.js a UI micro-library that enables to create custom tags “à la React” (if you would like something to compare it to). Not only does Riot.js support custom tags but also has nice features such as eventing and routing (see this post). Riot.js[…]

Riot.js - Part 2

Exploring Riot.js – Get your hands dirty

The last post  presented some features of Riot.js, a UI micro-library. Now, let’s code a simple application. The final application looks like this: An input, a button and a « Hello » text to display when we click on the button. Amazing, isn’t it? Let’s start! To manage our dependencies and the build phases, we will use[…]


Exploring Riot.js – Introduction

Riot.js presents itself as « React-like user interface micro-library ». Personally, I would qualify it as a user interface micro-library whose philosophy is « webcomponents ». At first glance, what comes in mind is a lightweight Polymer-like library plus some nice goodies. Basically, the principal Riot.js equation is: html code (layout) + js code (behavior) = a custom[…]