SPAをとりあえず味わってみたいけどどこからはじめればいいか。 まずはやさしく始められるRiotでやってみよう。 ということでRiotのRoutingについてドキュメント引きながらやってみました。 Riot Routerの機能 いわゆるRouting、URLを判断してどのビューを表示させるか決めるというのが大きな仕事 Setup Routingの書き方は大きく2つ riot.route(callback) URLが変化したらcallbackを返します。 *「URLが変化」するというイベントが発生するタイミング とは以下の4つのパターンのとき 新しい#(URL)がアドレスバーに入力されたとき。 ...
とりあえずRiot.jsをはじめるためのメモ Step1. プロジェクトを作成する riot-sampleなど適当に Step2. npmで必要なものをインストールする $ npm init -y $ npm install jspm@beta --save-dev $ npm install superstatic --save-dev #webserver Step3. package.jsonのscriptsを編集する ... "scripts": { "test": "echo \"Error: no test specified\" && exit 1", ...
前置き ウェブアプリケーションをもっともっときもちのいい UI に。 ちらつきは悪だ そのための SPA (シングルページアプリケーション)。 でもいつまでも最初のページで Ajax による遅延描画で画面をガタガタちらつかせている場合じゃない。 だから、最初のページはサーバサイドでコンテンツをレンダリングしておきたい。 これがサーバーサイドレンダリング。 でもどうせだったらブラウザ側で実行しているコード (Javascript) をサーバサイドでもそのままつかってコンテンツをレンダリングできれば一石二鳥では? これが Isomorphic なアプローチ。 今回の構成 Riot.js Riot....