タグ

riotに関するorenonihongogayabaiのブックマーク (5)

  • Riot.js ソースコード完全解説 v3対応版 - Qiita

    昨年「Riot.js ソースコード完全解説」を書いたのですが、この1年でいろいろ状況が変わってしまいました。v2の間に相当コードが書き換わり、Riotも若干ぽっちゃり系に...(他の同種のライブラリに比べれば可愛いものですが)。そんな中、朗報です。近日v3がリリースされ、コードが整理されます。 参考: v3のロードマップ 稿では、改めて「ソースコード解説」を試みたいと思います。 2016年7月現在 でnextブランチにあるコードをもとに説明するので、日々変わってしまうけど、ご参考まで。オススメのコースは、次の通り。 この記事に目を通して全体像をつかむ 自力でソースコードを斜め読みし、もうちょっと深く理解する プルリクエストしたい部分について、深読みする がしがしプルリクエスト スクリプトのimport/export関係をざっくり図示してみました。以下にも主要ファイルを挙げておきます。 公

    Riot.js ソースコード完全解説 v3対応版 - Qiita
  • フロントエンジニア必見!フロントエンド界隈で注目を集めるRiot.js入門資料まとめ

    JavaScriptのフレームワークはReactAngularなどが人気ですが、ここ最近フロントエンド界隈を中心にRiot.jsが注目を集めています。 軽量でHTMLに似通った文法を採用しており、扱いやすいJSフレームワークとして人気急上昇中です。 そこで今回は、これからRiot.jsを始めるエンジニア、Riot.jsに興味のあるエンジニアに向けて、Riot.jsの入門資料(記事・スライド)をまとめました。 比較的扱いやすいJSフレームワークなので、難しく考えずにまずは使ってみてください。 JavaScript案件を提案してもらう Riot.js入門記事 Riot.js — A React-like user interface micro-library http://riotjs.com/ja/ Riot.jsの日語公式サイトです。 ガイド、FAQ、APIなど、各メニューが日語化

    フロントエンジニア必見!フロントエンド界隈で注目を集めるRiot.js入門資料まとめ
  • phiary

    先日書いた 『Electron の入門エントリー』 が好評だったので私の大好きな Riot.js の入門も書いてみました. AngularJS や React でもいくつか Web アプリケーション作ってきましたが, 私にとっては Riot.js が一番しっくりきました. なので今回は Riot.js について紹介します. とにかく詳しい説明はいいから触って試してみたいって方はぜひ読んでみてください. Runstant を使ったデモを並べているので, このページ上で実行したりコードをいじることができます. 実際に動かしながら, Riot.js がどれだけ使いやすいか体感してみてください♪ Riot.js とは? 今のところ私にとって(使いやすさ, 手軽さ, 規模感総合して)最も優れた JavaScript フレームワークです. 主な特徴 個人的に Riot.js でいくつかサービス作ってき

    phiary
  • 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
    orenonihongogayabai
    orenonihongogayabai 2016/11/04
    “ちなみにこのプロジェクトに興味ある開発者は... 私と一緒にプロジェクトをやりたいという稀有な方がおられましたら私までメール( プロフィール欄参照 )ください ”気になる…
  • RiotをReact・Polymerと比較する · Riot.js

    Riot vs React & Polymer Riotとその他近しいライブラリは何が違うの? React Riotは、Reactとその「まとめ方(cohesion)」のアイデアからインスパイアされました。Facebookの開発者いわく: 「テンプレートは、問題ではなく、技術を分けるだけだ」 “Templates separate technologies, not concerns.” 私たちは、この直感に敬意を表します。ゴールはテンプレートを作ることではなく、再利用可能なコンポーネントを作ることです。ロジックをテンプレートから分離することで、来一緒にしておくべきものを追い出してしまっているのです。 これらの関連技術をコンポーネント内にまとめることで、システムはよりクリーンになります。この重要な直感において、Reactは偉大です。 Reactの文法 import React from

    orenonihongogayabai
    orenonihongogayabai 2016/10/19
    “ですが、この図はRiotのゴール、つまり「最もミニマリスティックなAPIを提供すること」を明確に示すものです。”
  • 1