本書を手に取っていただきありがとうございます。この本を読まれているということは、Clean Architecture に興味があるか、React アプリケーション開発に興味があるか、もしくはその両方だと思います。Clean Architecture は 2012 年 8 月に Robert C. Martin に発表されて以来、プロダクト設計の方法論として注目を集めています。この手法はプロダクト開発全体をターゲットとしているため、従来は主にバックエンド開発やネイティブアプリ開発で採用されていました。しかし、近年のブラウザーの高機能化と JavaScript 周辺技術の発展により、SPA や WPA のような技術が普及し、Web フロントエンド単体で高度なアプリケーションを構築することが増えてきました。また、Firebase や AWS Amplify のようなフルマネージドでサーバーレスにバックエンドを構築できるようになり、ますます Web フロントエンドの責務が大きくなっています。そして、このように発展を続ける Web フロントエンドの技術を支える代表的な技術のひとつとして React や Redux があります。本書では、Clean Architecture の観点から、React や Redux で構築されたアプリケーションの設計をとらえなおし、また、ときには新たな設計の提案を行います。いままでは Clean Architecture があまり取り入れられてこなかった Web フロントエンド領域に対して、この手法を適用することを目指します。もちろん Clean Architecture は全てを解決してくれるような銀の弾丸では決してなく、対象のプロダクトやチームによってどう適用するべきかは変わってきます。本書が、React アプリケーション設計のその一歩先に到るための一助になれば幸いです。

React アプリケーション設計の一歩先へ

　本書では、まずはじめに Clean Architecture の背景とその基本原則について説明を行います。とくに SOLID の各原則と、依存関係の制約について詳しく解説します。Dependency Injection (DI) に関しては、具体的な実装を用いての解説に一章を割いています。Clean Architecture の基本を押さえた後、SPA や React の一般的な設計にたいして、Clean Architecture の観点から再考をします。その中で、「Redux 同心円図」、「コンポーネント同心円図」といったものを提案しています。

　このように、Clean Architecture の視点から、React や Redux をみつめなおすことで、今までは気づかなかった側面を知ることができると期待しています。