UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

Mobx

【MobX】サブスクリプションの仕組み

MobXのサブスクリプションの仕組みを解説する記事を読んだメモ medium.com 概要 MobX には Observable state、Computed values、Reactions、Actions という 4 つの主要な概念がある これらの概念が連携してアプリケーションの状態を更新し、UI をリアクティ…

【Mobx】変更を検知する場合としない場合を理解する

ReactとMobxを使う上で変更を検知する場合としない場合を理解する このことのヒントは以下に記載がある mobx.js.org 原則observerオブジェクトから値を取るのはできるだけ遅くする Mobxはobserverオブジェクト参照を可能な限り持ち回した方が効果的に機能す…

【Mobx】Reactとの統合

MobXとReactの統合について mobx.js.org mobx-react-liteライブラリから提供されるobserverを使うことで、必要な変更があった場合にのみ再レンダリングされる 基本的な使い方は以下 import React from "react" import ReactDOM from "react-dom" import { ma…

【Mobx】Mobxという状態管理ライブラリ

MobXという状態管理ライブラリについて調べた mobx.js.org MobXは、JavaScriptで状態管理を簡単かつ効率的に行うためのライブラリ リアクティブプログラミングの概念に基づいていて、アプリケーションの状態が変化した際に自動的にUIが更新される仕組みを提…