Download to read offline
Riot.jsに触れてみた話
- 1.
- 2.
- 3.
- 4.
- 5.
- 6. 5 A REACT- LIKE,2.5KB USER INTERFACE LIBRARY React.jsを意識して作られた超軽量なUIライブラリ Riot.jsとは https://muut.com/riotjs/ より
- 7. 6 Why Riot? And whywe need a new UI library https://muut.com/riotjs/ より
- 8. 7 1. Custom tags 2.Simple and minimalistic Why Riot? And why we need a new UI library https://muut.com/riotjs/ より
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. 13 2. Simple andminimalistic
- 15.
- 16.
- 17. 16 比較① ライブラリ / フレームワークサイズ Riot.js 6.7KB jQuery 94KB ※ver1.11.3 Angular.js 145KB ※メインjsファイルのサイズ React.js 122KB
- 18.
- 19.
- 20.
- 21. 20 ルール（抜粋） ・Riot.jsはHTMLタグ（レイアウト）とJavaScript（ロジック）の組み合わせ ・JavaScriptは、まずHTMLが定義されていて、かつscript内に記述する ※外部タグファイルを読み込む場合、bodyタグ内で読み込まないと使用できない。 ・scriptタグを除くhtmlタグの終了位置がJavaScriptの開始。 ・クラス名は省略して記述できる。 例） class={ completed:done } ⇒ class="completed" ・全ての属性名は小文字でなければならない。（ブラウザの仕様） ・独自タグは必ず閉じる必要がある。 ・式の値がfalseなら属性は無視。 例） <input checked={ undefined }> ⇒ <input> https://muut.com/riotjs/guide/ より
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.