取締役の小笠原(@yamitzky)です。Hooks」を使って開発スピードを加速したい、という課題を持っていました。先日、次の記事が話題になっていました。活用するか」を両立する悩みです。パターン」と名付けたこの方法をご紹介したいと思います。Storybookも公開しています。Hooks」と呼んでいます。変更はリアルタイム反映されます。バックエンドを適切なライフサイクル*1で扱えます。この2つは似たような思想のライブラリと言えるでしょう。ない時代には考えられないものでした。(バックエンド)を密結合にさせてしまうのは大変便利なのですが、密結合の弊害もあります。(コンポーネント)を書き換えないといけません。載せづらい等、再利用性の低いコンポーネントになってしまっています。疎結合にする方法はいくつかあるのでご紹介します。諦めない」という縛りを入れています。疎結合にするだけであれば、なるべく外界(Firebase)との接点を限定的にする、という方針があるでしょう。文脈とかでも)言われていた方法です。再利用性が高まり、テストしやすくなりました。方に逃がすことができます。これは単純すぎる例です。様々なデータ(認証や関連データetc...)を扱う必要があり、どんどんファットになっていきます。考えています(あくまで個人的な意見です)。Hooks」ライブラリでは、通信クライアントを注入することができます。使った場合のイメージです*2。実装は何も変えていませんが、テストはしやすくなっています。利用する際には、適当なモックのクライアントを注入できるので、副作用がコントロールできているのです。使えば実現できるでしょう。使うことができました。差し替えればテストもできそうです。実装もスッキリしてきました。通じて注入するパターン自体はいい方法です)*3。ようなライブラリのインターフェースに引っ張られてしまっていることが問題でした。次の制約を満たしています。やめて別のバックエンドを採用したい場合でも、差し替え容易です。渡すパッケージを変更するだけです。諦めずに疎結合にできます。同様に定義していけば、次のように認証することもできます。疎結合にする、、、といった方法を紹介しました。実務でも使っているパターンではあるのですが、最近思いついただけなので、色々と穴があるかもしれません。何かありましたら、ご指摘をいただけると嬉しいです。使いながらプロダクト開発をする学生インターンを募集していますので、ぜひよろしくお願いいたします。そのものではなく、それをラップしたクライアントを注入する方法の方がベターだと思います。)))、疎結合にしたいのであれば流石に許容範囲でしょう。12:26Tweet関連記事2021-08-04Reactのパフォーマンス改善を勉強会で開催しましたはじめまして、新卒フロントエンドエンジニアのぺいです。...2020-06-22ReactのコードをHooksにリファクタリングしていく話フロントエンジニアの渡辺(@pentla)です。移行して数...JX通信社CDOの小笠原(@yamitzky)です。Corp.引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。