Streamdata.io & Vue.js sample and step-by-step tutorial

Vue.js is one of the most famous JavaScript frameworks currently. It often appears in the top frameworks for web app development, and it turns out that someone in our team (You can buy me with double chocolate cookies for a name) loves this framework. So what did we do? We decided to create a sample app[…]


Streamdata.io JavaScript SDK : new version is out!

Summer starts with some great news: in order to ensure compatibility with the latest web frameworks (like Angular or Vue.js) we have rewritten Streamdata.io JavaScript SDK in TypeScript and the new version is available right now. You can find it in our GitHub repository. Just like all the best things in life, the new Streamdata.io JavaScript SDK[…]


Realtime event-driven app with Riot, Xignite and Streamdata.io

The purpose of this post is to guide you through the steps and help you create a JavaScript even-driven app using Riot.js  (a React-like user interface micro-library) and Streamdata.io to display exchange rates provided by Xignite API in realtime. Riot.js will be helpful not only to create reusable web components, but also to develop an application based on an event-driven architecture,[…]

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[…]