How to use the MUI DataGrid in Block Editor?
Why CheckBox dose not work?

ブロックエディタにMUIのDataGridを配置して…

続きを読む・・・

前回はuseRef()でしたが、今回はその続きです。
useEffect()の第二引数を調べてみました。
引数なし、空の配列、要素一つの配列の３通りで試しました。
作業内容は

Clickボタンを２回…

続きを読む・・・

useRef()、再レンダリングせず、コンポーネント単位の状態を持てるという２つのメリットがあります。
非エクスポート変数を使った場合、useState()を使った場合、useRef()を使った場合を…

続きを読む・・・

Redux Toolkit で非同期なDispatchをキャンセルするには？
本家のドキュメントにも書いてあるけど、
ちょっと理解に時間かかったので忘れる前に簡潔なメモ。
createAsyncThu…

続きを読む・・・

Redux Toolkitの学習中、ミドルウェアがちょっと分かりにくい。
関数が関数を返すまでは理解しやすいけど、さらに関数を返すとなると理解が追いつかない。
Cのポインタのポインタのポインタみたいな…

続きを読む・・・

React 18 で追加されたSuspenseとuseTransition()についてです。
コードだけでは分かりづらいし試すのも面倒だったので実行結果付きで載せてます。
実行結果を先に見たい人はスク…

続きを読む・・・

コレクションのクライアント側トラッキングについて
Reactでコレクションの複数のアイテムをまとめて編集したい。
リスト系扱うだけならEntityAdaptorやRTK Query(こっちは試してない…

続きを読む・・・

ReduxToolsのreducersとextraReducersってどう違うんだ？
ReduxToolkitの基本的なことは公式を見てください。
extraReducersはスライスをまたいでアクシ…

続きを読む・・・

よく考えると原理が分らない。

ありがちで単純な例ですがcount1, count2, count3 はクロージャでもなく、何らかのオブジェクトでもなく、ポインタ(そもそもJSに無いはず)でもなく、単…

続きを読む・・・