タグ

riotに関するinc-2734のブックマーク (4)

  • Riot.jsがこれからJSを学ぶのにいいような気がするので使ってみる! - Qiita

    どもめがねこと、大串です。こちらは Riot.js Advent Calendar 2016 - Qiita の記事として書いています。 もともとは、JSに興味があるものの、なかなか仕事で使う機会がなく、さらにはJSを使うためにいろいろ技術を組み合わせて使わないといけない。 WebpackやbabelやES6やGulpやnpmやわーーー。。。ということで、全体のことも解らずなのですが、このRiotのコアコントリビュータでもある河村さんに、「メガネさん Riot.js Advent Calendar 2016 に参加してよ。」とお声掛けいただきましたので、とりあえず参加しないわけには行かないということで、ココに書きます。 さて、上記のようにほぼさっぱりわかってないものです。(JSといえば、jQueryアコーディオンするぐらい)なので、そういった私と同じような人がRiot.jsを使えるのか?!

    Riot.jsがこれからJSを学ぶのにいいような気がするので使ってみる! - Qiita
  • ES6で書くRiot - Rollup編 - Qiita

    Advent Calendarの何日目かです。近年、JavaScriptでプログラムを書くのに避けて通れない「プリコンパイル」について、Riotの文脈で3ほど書いてみたいシリーズの2目です ES6で書くRiot - riot.config.js編 - (サンプルコード) ES6で書くRiot - Rollup編 - (サンプルコード) ES6で書くRiot - Felt編 (予定) バンドラ? トランスパイラ? riot.config.js編では、riotコマンド経由でトランスパイルする方法を扱いました。具体的なツールとしては、babelやbubléが「トランスパイラ」にあたります。要は、この手の(↓)変換です。 変換前: this.message = `Hello ${name}!` 変換後: this.message = "Hello " + name + "!" ただ、タグからi

    ES6で書くRiot - Rollup編 - Qiita
  • Riot はミニマルで Web Components のような UI ライブラリ - Qiita

    古典的な構成のサービスを AWS Lambda + S3 で動作するサーバーレスアーキテクチャで再構築し、そのフロントエンドに Riot を採用しました。 プロジェクトは WWD JAPAN.com として公開しています。 ReactAngular などに代表される JavaScriptUI ライブラリのうち、Riot はミニマルな APIHTML 標準に近い文法を採用しているのが特徴です。 Riot はコンポーネントベースの UI 開発から複雑さを取り除き、楽しさを与えます。 TL;DR Riot はこれまでの UI ライブラリと比べて以下の点で異なります。 必要最小限の API 少ないボイラープレート Web Components ( HTML Template ) に似た文法 React のコードと比較してみます。 ToDo アプリケーションを React で書くと

    Riot はミニマルで Web Components のような UI ライブラリ - Qiita
  • Riot.js 2.0 を触ってみた — まだReactで消耗しているの? - Qiita

    楽すぎてどうしよう。が最初の感触。まだ3時間しか触ってないけど、もうこれでいいや感が半端ない、深夜2時です。 Angularなのか、Reactなのか、2015年が明けても毎週のように新しいJSフレームワークが出る中で、もう正直どうでもよくなってませんか? でも、これは触って楽しいはず。 Riotって何? Riotは、公式ページに A REACT- LIKE, 2.5KB USER INTERFACE LIBRARY とあるように、Reactを意識して作られた超軽量のUIライブラリで、ビュー部分(コンポーネント)に特化しているのが特長です。Vue.jsとかとも同類です。Riot 1.0も「超軽量」という点で、一時注目を集めました。 そのRiotが、2.0で趣向を変えてJSX的なプリコンパイルの仕組みを取り入れて、ReactとPolymerのいいとこ取りのような感じになっています。ただし、次の

    Riot.js 2.0 を触ってみた — まだReactで消耗しているの? - Qiita
  • 1