リアクティブなデザインパターン

JavaScript のフロントエンドフレームワーク (React, Vue など) を使っているとき、 テンプレート内で、値が複数の候補の中のどれかを判定したくなるときがあります。

そういうときに、今まではテンプレート内で愚直に一致するかどうか判定していました。 (よく考えると1つ1つ Boolean を事前計算した方がよかったのですが、 命名も面倒なのでサボっていました……。)

最近 AWS Amplify のソースコードで、String から Boolean への Map を事前に作っておき、 テンプレート内ではその Boolean の値を使うという方法を見て、いい方法だと思いました。

こういった知見を集めた、リアクティブなデザインパターンみたいなものがどこかにまとまっていたら…… と思いました。