Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
![Vue.jsで実現するMVVMパターン Fluxアーキテクチャとの距離](https://cdn-ak-scissors.b.st-hatena.com/image/square/aea367afbe6a2539f81ab345d686b65ed37dc08d/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F280c467f6bf441f9b4adbda63df0e827%2Fslide_0.jpg%3F7321965)
ReduxのGithubドキュメントを基に入門用記事として書いたものを、簡潔にまとめました。 もと記事はこちらです。 Redux入門 1日目 Reduxとは Redux入門 2日目 Reduxの基本・Actions Redux入門 3日目 Reduxの基本・Reducers Redux入門 4日目 Reduxの基本・Stores Redux入門 5日目 Reduxの基本・Data Flow Redux入門 6日目 ReduxとReactの連携 Reduxとは Reduxは、ReactJSが扱うUIのstate(状態)を管理をするためのフレームワークです。Reactではstateの管理するデータフローにFluxを提案していますが、ReduxはFluxの概念を拡張してより扱いやすく設計されています。 Reduxはstateを管理するためのライブラリーなので、React以外にもAngularJS
まえがき Vue.js用のFluxライクなライブラリVuexを試してみました。 Vuex 注意:まだ開発中でAPIも変わる可能性があります(2015/12/25) 2017/12/17 追記 改めて学び直してみました。 データの流れ 詳しくはドキュメントを読んだ方が正確だけど、この図だけ見れば何となくやりたいことがわかるはず。 何となくFluxっぽいですね。 自分の理解としては コンポーネントからActionを呼び出してそこで外部のAPIと通信してデータを取得 Mutationでデータをセット Stateがコンポーネントの数値をアップデート という流れ(間違ってたらすみません)。 Vue.jsは値の取得に対しては関与しないフレームワークですが、Vuexを入れることにより値の取得からセットまでライブラリで制御できるので、無秩序になりがちだったVue.jsを使ったアプリケーションに秩序をもたら
2. 前提となる適用先 • 管理画面的なWebアプリケーションのリニューアル …だったもの(仮) • REST APIを前提としたSingle Page Applicationもどき (※すべてが1ページではないけど) • 機能・画面が多い • 複雑化することがほぼ確実 3. Viewへの要求事項 • 統一されたスタイルでUIとなるHTMLを生成できる • なるべく簡単に書けること(含セキュリティリスク回避) (生DOM・jQueryはあり得ない) • 業界におけるパラダイムが過渡期のため、 巨大フレームワークに乗っかりたくは無い (交換可能な部品の組み合わせでプレーンに) • 困ってもなんとか出来るための緊急ハッチも必要
React.js + fluxの勉強するのに参考になったリンクのまとめ。 公式 React Flux 解説 日本語で大変わかりやすい良記事。ひと通り目を通せば概要をつかめます。 一人React.js Advent Calendar 2014 ライブラリ 画面遷移 画面遷移はreact-routerがデファクトらしいので。 React初心者のためのreact-routerの使い方 isomorphic yahooのライブラリfluxibleを使ったisomorphicのサンプル yahoo/flux-examples 通信 JQueryは使いたくなかったので通信はこちらを。 JavaScript - jQuery.ajaxの代わりにSuperAgentを使う ツールやサンプル facebookがまとめてるツールとかサンプルコードまとめ Complementary Tools · facebo
Private content!This content has been marked as private by the uploader.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く