はじめにmicroCMSの大西です。microCMSには2022年の5月に入社しました。普段は開発本部長として組織的な業務、エンジニアのサポート、開発全体の大まかなタスクの方向性を決めといった業務を行なっています。 microCMSでは昨年中盤以降にWebフロントエンドの設計パターンを刷新しました。採用した設計パターンはクリーンアーキテクチャです。 2回に分けて大西と森茂(フロントエンドテックリード)がmicroCMSのWebフロントエンドの設計パターンについて紹介します。 前提としてmicroCMSのフロントエンドはReact、状態管理にはuseState/useContextを使用しています。APIのキャッシュにReact Query(TanStack Query)を使用しています。比較的素朴な設計になっています。 背景と課題microCMSはサービス開始から数年が経過しており、バック
![microCMSのWebフロントエンドにクリーンアーキテクチャを採用した話【前編】](https://cdn-ak-scissors.b.st-hatena.com/image/square/65aa33c4c4a54f21b3db98cc0b5b3374ca1ea68b/height=288;version=1;width=512/https%3A%2F%2Fimages.blog.microcms.io%2Fassets%2Ff5d83e38f9374219900ef1b0cc4d85cd%2Fbdce9039640f4e97a167192de74cf02e%2Fweb-frontend-architecture.png)