TAG : Advent Calendar | Firebase | Firestore | React | Refeed | TypeScript | トチカチ | フロントエンド AUTHOR : ギックス POSTED : 2020.12.23 08:25 この記事は GiXo アドベントカレンダー の 23 日目の記事です。 昨日は、少人数の開発で Kubernetes を活用するための設計戦略 でした。 MLOps Div. の堀越です。本記事では、React と TypeScript で SPA の実装を行う際に採用しているレイヤードアーキテクチャについてご紹介します。 レイヤードアーキテクチャというとクリーンアーキテクチャや DDD が有名ですが、弊チームフロントエンド の場合はクリーンアーキテクチャから SPA にマッチする箇所を部分的に取り入れた簡易版のレイヤードア
![React で作る中規模 SPA のレイヤードアーキテクチャ - GiXo Ltd.](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e2bf6315ca405d3b12ce495bc11f00fcf4770f4/height=288;version=1;width=512/https%3A%2F%2Fbst-image.imgix.net%2Fprod-gixo%2Fcontent%2Fuploads%2F2020%2F12%2Fground-layer.jpg%3Fauto%3Dcompress%252Cformat%26ixlib%3Dphp-3.3.0)