ベストな手法は？ Reactのステート管理方法まとめ - ICS MEDIA

2020/04/09 11 users React Reactアプリケーション アプリケーション

Reactでのシングルページアプリケーションを作成していると、必ず意識しなくてはいけないのが状態管理です。 Hooks APIの登場により、アプリケーションの状態管理方法にも選択肢が増えてきました。 2020年のReactアプリケーションの状態管理方法はどのような選択肢が考えられるでしょうか？ 状態管理の選択肢 Reactの状... 続きを読む

GraphQLの全体像とWebApp開発のこれから - Qiita

2020/02/24 258 users Qiita GraphQL クライアン DBMS 全体像

Help us understand the problem. What is going on with this article? TL;DR GraphQLはクライアント側とサーバー側の双方の複雑化を解決するために利用されてる フロントエンドにとってGraphQLはHTTP上で動く単一のDBMSの様に振る舞う フロントエンドの状態管理のベストプラクティスとしてのApollo Client クライアン... 続きを読む

React の状態管理についての論点整理 - 30歳からのプログラミング

2019/12/17 135 users React コンポーネント store 論点整理 前提

この記事はReact #2 Advent Calendar 2019の17日目の記事です。 なぜグローバルな Store を作るのか React アプリの設計論では、複数のコンポーネントで利用する値をどのように管理するか、というテーマがよく話題になる。 前提として、コンポーネントは小さく分割すべき、という考え方がまずある。 これは React に特有... 続きを読む

アプリ内定期購入における状態管理と”通知”の活用 / Using notifications to handle the states of in-app subscriptions - Speaker Deck

2019/12/17 10 users subscriptions Speaker Deck 活用

アプリ内定期購入における状態管理と”通知”の活用 / Using notifications to handle the states of in-app subscriptions 続きを読む

unstated-next による Redux に頼らない状態管理の考察 - Speaker Deck

2019/07/19 110 users redux Speaker Deck 考察 状態管理

All slide content and descriptions are owned by their creators. 続きを読む

React Hooks + Redux Hooks + TypeScript で SPA を構築する - 30歳からのプログラミング

2019/07/05 146 users TypeScript サンプルアプリ SPA プログラミング

タイトルに書いた組み合わせで SPA を作るときにどのような設計にするのか、現時点での考えを記録しておく。 チュートリアルの次の一歩というか、現実的なアプリを構築する際の基本となる考え方。 状態管理とどう向き合うかが、主要なテーマになっている。 サンプルアプリ 具体的なコードがないと話を進められないので、... 続きを読む

SPAにおける状態管理: 関数型のアプローチも取り入れるフロントエンド系アーキテクチャの変遷 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2019/05/23 528 users SPA エンジニアHub 変遷 Electron アプローチ

こんにちは、小林（@koba04）です。 本記事では、シングルページアプリケーション（以下、SPA）における状態管理について解説します。 GmailやTwitterは、SPAとして構築されている代表的なWebアプリケーションであり、スムーズなページ遷移をSPAによって実現しています。またElectronやPWA（Progressive Web Apps）の登... 続きを読む

Vuexによる状態管理を含む最高に快適な Vue.js + TypeScript の開発環境を目指す話 - Qiita

2018/12/12 274 users Qiita TypeScript Vuex Vue.js

※ この記事は気合を入れすぎてアドベントカレンダーの担当日を超過しそうになったため、後日追記予定とした項目がいくつかあります。 基本的には抑えるべきポイントは全て書いてありますが、サンプルコードを今後追加予定のため、 こちら のレポジトリをウォッチしておくことをオススメします。 Vue.js Advent Calendar ... 続きを読む

React におけるローディングの状態管理について - freee Developers Blog

2018/12/05 69 users React ローディング ダイアログ コンポーネント 開閉

エンジニアの @_tohashi です。freee developers adevent calender 5 日目をやっていきます。 React などを使用した UI コンポーネントの実装、特に状態をどこで管理するかというのは実装者やアプリケーションの要件によって分かれがちなポイントであると思っていて、例としてはフォームの入力値、ダイアログの開閉、ス... 続きを読む

apollo-link-stateで状態管理を行う - 技術探し

2018/11/07 26 users 技術 状態管理

www.apollographql.com 昨日、会社の同僚とreduxにapolloのキャッシュを乗せるかどうかって話をしたので、サンプルを書いてみました。 自分はreduxのアーキテクチャが大変好きですが、Apolloとは相性が悪いためと思っています。 (なんでApolloClient.reducer()がなくなったのかも考えるといいかも) また、ここでは話しま... 続きを読む

React Hooks での状態管理と副作用の表現 - mizchi's blog

2018/10/26 58 users React Hooks mizchi's blog 副作用

React Hooks は Stateless Functional Component でも setState 的な状態操作や componentDidMount のような操作を可能にするための仕様提案です。 既に開発ブランチに入っていますが、 現時点で公式に採用されたものではないです。リリース時にはAPIが変わる可能性があります。 React のメイン開発者の一人である sebma... 続きを読む

Flutterの状態管理について調べたメモ - razokulover publog

2018/10/08 40 users Android Flutter iOS ロジック web

Flutterでの状態管理方法について雑に調べた時のメモです。 先に感想を書いておくと、 Inherited Widget/Scoped Model/BLoC Patternでそれぞれ軽くアプリを書いたりしてみたけど、自分の用途レベルのアプリではScoped Modelで十分かなという感じ。BLoC Patternはweb/ios/androidでロジックを統一したい時だけ検討かな...... 続きを読む

改めて学び直すVuex - Qiita

2017/12/17 31 users Qiita Vuex Flux Facebook redux

まえがき 以前 Vue.js用のFluxライクなライブラリVuexを試してみる という記事を書きました。2年前の記事で更新もしていなかったので改めて整理して学び直してみようと思います。今回使用するバージョンは 3.0.1 です。 Vuexとは？ VuexはVue.js用の状態管理ライブラリです。Fluxの影響を受けています。ReactだとReduxに当たります。 Fluxの考え方はFacebook... 続きを読む

マッチングアプリにつきまとう状態管理のつらさ/torte_state // Speaker Deck

2017/10/19 103 users Speaker Deck マッチングアプリ 状態管理

All slide content and descriptions are owned by their creators. 続きを読む

React + RxJSで始める状態管理 - VOYAGE GROUP techlog

2017/08/31 145 users techlog React TypeScript Fluct

2017 - 08 - 31 React + RxJSで始める状態管理 Tweet こんにちは、fluctの @nekoya です。 今日は現在開発に携わっている、俗に言う「管理画面」のWebアプリケーションのアーキテクチャをご紹介します。 このアプリケーションは React と RxJS を軸として作られており、コードは TypeScript を使って書いています。 アプリケーションを流れるデー... 続きを読む

Flow & Redux で Reducer の実装パターンを考える - Qiita

2017/04/15 44 users redux Qiita reducer Flow ＡＤＤ

背景 段階的に片付けしていく、というFlowのコンセプトで、最も需要が高いのは、純粋なJSで済む状態管理、 とくに Redux の Reducer の部分であると考えられる。 実際のコード とりあえずこうなるだろうというのを書いてみた。 /* @flow */ // constants const INCREMENT = 'increment' const ADD = 'add' export c... 続きを読む

Vue.jsとvuex、Fluxについて - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く

2017/03/21 79 users Flux 蓄音機 インジケータ Vuex 立て続け

2017 - 03 - 21 Vue.jsとvuex、Fluxについて 最近立て続けにそのあたりの話をする機会があったので。わたしの意見です。 vuexというかFluxに手を出すタイミング Vue.jsを利用していて、相互に関連のある二つ以上の状態を扱う必要が出てきたら、それはもうすでに「十分に複雑な状態管理」である たとえば、 API との通信中はインジケータを出したいので「通信中かどうか」を管... 続きを読む

アプリ開発と状態遷移の管理 - ninjinkun's diary

2016/02/02 428 users ninjinkun's diary 状態遷移 iOS 管理

2016 - 02 - 02 アプリ開発と状態遷移の管理 CROSS2016 に出るので、最近の自分の考えを整理しておく。 最近Reduxの Swift 実装である ReSwift を使って開発している。使った感想なども最後の部分に書いたけれど、このエントリーの本題はアプリの状態管理の話。 アプリは大きなシングルトン iOS 、 Android 共にアプリを実装しようと思うと大抵シングルトンが必要... 続きを読む

Reactを用いたアプリケーションアーキテクチャ：Fluxを再考する | プログラミング | POSTD

2015/11/27 162 users Flux アプリケーションアーキテクチャ Facebook

この記事では、UIレイヤとしてReactを用いてJavaScriptのアプリケーションの状態を管理する方法を探り、OmのようなClojureScriptライブラリのアイデアを用いてFacebookのFluxの抽象的なフレームワークを作り変えてみたいと思います。他のフレームワークやライブラリからReactに乗り換える人たちは、「ReactはUIのレンダリングに関する問題しか解決しておらず、状態管理と... 続きを読む

プロセスとスレッドの違い | Wake up! Good night*

2014/10/14 266 users スレッド プロセス Wake Up Linux カーネル

linux上のアプリケーションはプロセスとして起動されます。 プロセスを管理することはOS（ここではlinux）の重要な役割であり、プロセスのスケジューリング、割り込み、シグナル制御、優先度の制御、プロセスの切り替え、状態管理、メモリ管理などを行っています。 プロセスとは何でしょう？ プロセスはCPU上で実行されるもので、タスクを完了するために、Linuxのカーネルが制御するあらゆるリソースを使う... 続きを読む

MVCの先、状態管理、ジェスチャー

2014/05/03 195 users MVC emacs GUI ジェスチャー プログラマー

MVCの先、状態管理、ジェスチャー Presentation Transcript MVCの先、状態管理、ジェスチャー id:kiwanami 2014/05/03 at hatena 今日のお話 MVCについて一言 GUIと状態の話 ジェスチャーの設計と実装 ※Emacsの話はありません id:kiwanami UIデザイン、プログラマー （※EmacsもGUI） タッチUIデモ MVCについて... 続きを読む

ステートフルJavaScript ―MVCアーキテクチャに基づくWebアプリケーションの状態管理 - それはBooks

2012/09/23 89 users MVCアーキテクチャ クライアントサイド BOOKS 本書

Home > Programming > ステートフルJavaScript ―MVCアーキテクチャに基づくWebアプリケーションの状態管理 Older 『ステートフルJavaScript ―MVCアーキテクチャに基づくWebアプリケーションの状態管理』 本書は、クライアントサイド（ブラウザ）で JavaScript を使ってリッチなアプリを作る際のプラクティスを説明しています。 前半では、Java... 続きを読む