Riot JS – Let's Build an Application



Riot JS – Let's Build an Application

0 0


sdcs-riotjs-app

Talk for San Diego Code School covering Riotjs and how I am using it to build applications.

On Github shrunyan / sdcs-riotjs-app

Riot JS

Let's Build an Application

Created by @stuartrunyan

A React-like user interface micro-library

Created by muut

Started as the 1kb mvp framework

Version 2.0 release at the beginning of 2015

What is Riot?

So why use it?

File Size

Real html, css, & javascript?

Smaller interface

file size: it's fractions of the size as the main view libraries

real? You write html, css, javascript that gets compiled to a function. It looks, behaves to what your used to.

interface: Smaller interface with out missing anything. Clear and concise function signtures.

What is really needed?

Observables, Modules & Routing

*State, UI Components & Routing

**Model, View & Controller

Riot's philosophy on building apps.

Observables allow you to build a dispatcher

This was an easy way for my brain to map to what I konw. In reality it's better to apply a un-directional dataflow. Having dumb components.

Let's look at some code

REPL

Riot JS Let's Build an Application Created by @stuartrunyan