MobXのcustom observablesおよびAtomについて調べた mobx.js.org Atomとは？ MobXの低レベルAPIの一つで、リアクティブシステムの中核を成す概念 自作のリアクティブデータソースを作成するために使われ、MobXがリアクティブに状態を追跡・更新できるように…

MobXの@computedと@computed.structの違いついて調べた mobx.js.org @computedと@computed.structはどちらも、MobXで派生データ（他のobservableに基づく値）を効率的に計算・キャッシュするために使用されるデコレータ ただし、@computedの場合、再計算のト…

@actionの他に@action.bound があることを知ったので違いを調べた @action と @action.bound の違い 結論からいうとthisのバインドされるかされないかである @action と @action.boundはどちらも、MobXで状態を変更するメソッドを定義するために使用するが、…

MobXのreaction APIについて調べた reactionとは？ MobXのリアクティビティシステムの一部で、特定のデータ（observable）の変化に反応して副作用を実行するためのAPI 特定の条件に基づいて副作用を発生させたい場合に使用する また、autorunのようにすべて…

Mobxの主要はAPIについて調べた mobx.js.org computed 他のobservableから派生した値を自動的に計算し、キャッシュを提供する 状態に依存する派生値を効率的に計算する import { computed, observable } from 'mobx'; const state = observable({ price: 100…

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

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

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

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