一部 React のサイトに MobX を導入しました - LCL Engineers' Blog
フロントエンジニアの田中です。 以下記事にもありますが、弊社のサービス：夜行バス比較なびの React 実装部分に MobX 導入しました。 techblog.lclco.com 目的 そもそもの導入目的は、親コンポーネントが違うコンポーネント同士の連携を行いたかったからです。 部分的に React を導入していたため、親が違うコンポーネント同士での連携ができていませんでした。 親コンポーネントが違うコンポーネント やりたいこと MobX 導入理由 MobX は Store を使用してクライアント側の状態（state）管理ができるフレームワークです。 Reactの状態管理フレームワークということで Redux が一番に候補として挙がりましたが、導入検討してみるとコードが複雑化（Store, Action, ActionCreater, Dispatcher, Reducer ...）してし
Reactのステート管理にはReduxとMobXのどちらを使うべきか
Reactのステート管理といえばReduxですが、React以外でも使えるライブラリーとして注目されているのが、MobXです。少ないコードですばやくアプリケーションを作成しましょう。 Reduxの不満点は、機能を実装するのに必要なボイラープレートのコード量の多さです。解決する方法にMobXがあります。MobXはReduxと同様の機能を持ちますが、記述するコードの量が少なくて済むライブラリーです。 MobXの初心者は、MobXの開発者が書いた入門記事がおすすめです。実践的な経験にはチュートリアルに取り組むのもよいでしょう。 この記事では、JavaScriptの開発者が、2つのステート管理法のどちらがプロジェクトに合っているか、決める手助けをします。サンプルを作るために、CRUD Redux projectをMobXに移植しました。 MobXの良い点と悪い点を解説し、2つのバージョンで実際にコ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MobX
なぜ私はReduxをやめて MobXを使うようになったのか
