12 articless tagged with #riot

Setting up Riot

1. Lesson of RiotJS

In this first lesson you get to know how to enable Riot and write your first App.

Iterating through your data

3. Lesson of RiotJS

Looping was never easier. You don't even have to think about a way how to get data displayed as HTML via Javascript or call any rendering methods. Nope - all part of Riots magic.

Filtering Outputs

4. Lesson of RiotJS

Conditionals are very easy to implement. With the power of inline conditions, you can quickly filter your data.

Do something! - Working with Events

5. Lesson of RiotJS

Mastering Events is comparable to learning how a Spacerocket works inside out. Riot decided to rebel against this profession of event-wizardry and made it easy for everyone.

Reusable Components - Introduction

6. Lesson of RiotJS

Previous lesson, we turned a bunch of data, some events and a simple HTML layout into a working app. Now we are going to take that a step further and make it reusable.

Reusable Components - Configuring Options

7. Lesson of RiotJS

Options can be used for a lot more. We can accomplish a variety of usecases with just a few options. Keep a close eye, as we proceed at a faster pace.

Reusable Components - Reusable Features

8. Lesson of RiotJS

We are going to implement a filtering feature and later we will turn that into a reusable mixin.

Reusable Components - Observing Events

9. Lesson of RiotJS

We are finally going to obtain the data in the picker and we upgrade our component with an Event-API. Many more awesome things happen when we combine our tag with other components.

Interaction Design with Riot - Making of Rain Animation

10. Lesson of RiotJS

We are going to see how together with Riot, we can do awesome animations without bending our minds around the DOM.

Updating the riot cheatsheet


It has been roughly a year since I created the riot cheatsheet. With the knowledge acquired by now, it is time to start from scratch. #news 4 #riot 12 #nodejs 2 #webpack 3

About being part of the community


Hello there! A few months ago, I decided that I have to be more active in the community of web developers. Since then, I wanted to give talks about my favorite tools.

Tag Lifecycle

2. Lesson of RiotJS

There are a few event listeners we can listen to. Here is what they do and how to react.