社内で利用した、Reactの研修資料を公開します。 Railsチュートリアルの続編として作成したので、Rails上でReactを使うためには...ということが書かれています。Railsチュートリアルテイストになっていますが、一部社内でのコーディング規約や利用するライブラリについての言及があります。 また、研修ということで、ソースコードはGitHubの差分をスクショするという形で掲載しています。コピペできるコードが欲しいという人は、差分表示を作るのに使ったリポジトリを利用して下さい。 https://github.com/kouheiszk/sample_apps/tree/master/5_1_2/ch15 第15章 Reactの導入 この章では、サンプルアプリケーションで作ってきたUIパーツをReactというJavaScriptのライブラリを利用してコンポーネント化していきます。具体的に
RailsエンジニアがReactを始めてSSRとReduxを導入するまで Roppongi.rb #3 "Rails x Frontend-Tech" 自己紹介 github.com/gfx BitJourneyでKibelaを開発 Speee, Inc. で技術顧問をしてる Reactは現職で初めて触った(2016年8月~) 今日の話 Kibelaのフロントエンドの話です。 読みはキベラ Markdownで書けて、フロー情報(Blog)とストック情報(Wiki)を区別して整理できる情報共有ツール これまでの話 新規Railsアプリに小さく導入するReact // Speaker Deck (dex1t, 2016/09/05) 小さく導入して学びながら開発を進める ⭕ Interactive UI componentをReactで&jQueryも併用 ❌ viewをすべてReactで実装
各フレームワークの特徴(つらみ)を整理 only jQuery Viewが状態を持ってしまう拡張やテストがしづらい DOMを指定してViewの更新処理を書くのはつらい Backbone.js Viewの更新処理を手動で書かないといけないのはつらい ModelとView間のイベント管理が煩雑になる イベント地獄になりがち 2 Way Data bindingを使ったフレームワーク(AngularJS、Vue.js、Ember.jsなど) コンポーネント毎に状態を持つとつらい 大規模になってくると状態を管理するのが難しくなる 単一方向データバインディング: データに対して、ビューの状態が必ず一意に決まる 双方向データバインディング: データに対して、ビューの状態が一意に決まるとは限らない refs: Introduction To React 今話題のReact.jsはどのようなWebアプリケ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く