react-query：invalidate と reset の挙動の違い

お勉強メモ。嘘ついたらごめんなさい。
React Query で、cacheTime, staleTime と、invalidateQueries, resetQueries あたりの使い分けの話。

お試し用コードは最後に載せてます。

react-select：React Testing Library で optionのリストを拾う

React Testing Library で React Select をどうやってテストするんだってのはFAQらしく、Stack Overflowではサードパーティの部品までテストすんなMock使えというのがベストアンサーだったりして、まあそうかもねと思いつつも、ほじくってテスト書いたのでメモ。

React Select ではドロップダウンが閉じた状態ではoption要素がDOMに存在しないので、わざわざ↓キー入力してドロップダウンを開いてからクエリをかけるようなことをやりました。

C# (WPF) 算出プロパティ NComputed を NuGet 公開

だいぶ前に作った これ を、自分で使おうと思ったら NuGet にないじゃんってことに気づいたので、今更ながら公開しておきました。

www.nuget.org

react-select：インクリメンタル検索で一致部分を強調表示

インクリメンタル検索で、入力と一致した部分文字列をハイライトする。
というのを、React Selectを使ってやる。
基本的には公式APIドキュメントを読んでいけば書いてあるはずの話だが、カスタムコンポーネントの部分はちょっとつまづいたのでメモ。

2020年の雑感2（プロジェクト体制とかドキュメントとか）

前回 の記事に入らなかったが、今年考えたことなどのおまけ。
全体的に観測範囲が限定的な話ではあると思います。

2020年に触れた技術の雑感（TypeScript/React/Java/WPF/etc.）

2020年も残り数日。
昨年に続き今年もいろいろ環境が変わり、ちょっと開発は離れめだった昨年に比べると、今年はがっつりコードを書く時間も増えた。
初めて使った技術もそこそこあり、また改めてこれまで使ってきた技術を見直すきっかけにもなったので、取り留めなく書き残しておきたい。

react-color：標準 Component のスタイルをいじる

React Colorの話。
このライブラリには最初から ChromePicker とか GithubPicker とか TwitterPicker とか、いい感じの部品が用意されている。

これらの部品は実は外からでもスタイルをいじれるんだけど、公式ドキュメントではそこを教えてくれず、CustomPicker 作ってねとしか書いてない。
ソース見りゃわかるだろってことかもしれないが、書いておきます。
確認したバージョンは v2.19.3。