【React】Strategyパターン実践編 〜マルチテナント対応を例に〜

はじめに マルチテナント対応のフロントエンドを開発していると、テナントごとの差異を考慮しなければなりません。例えば、「テナントAではバリデーションを厳格にしたい」「テナント毎にAPIのリクエスト形式が違う」などの差異が出てきたとき、コンポーネント内で安易にif分岐させていませんか？ その積み重ねは、やがて保守不能な構成となります。 本記事では、Strategy（戦略）パターンの考え方をReactに取り入れ、テナント固有の振る舞いをクリーンに実装するアプローチを考えてみましたので紹介します。 // こうなりがち const handleSubmit = async (data) =&g...