Photo by All Bong on Unsplash 概要 アプリケーション開発において設計は非常に重要です。 本記事では Todo アプリを例に、これまで取り組んできた React アプリケーションのアーキテクチャや実装パターンを紹介します。 このアーキテクチャは筆者の Angular を用いたアプリケーション開発の経験が元になっており、Angular のオピニオンや Angular コミュニティで紹介された設計手法が含まれています。 コンセプト コンポーネントとロジックの分離を基本とし、依存関係を単方向にします。 下記に実装例を示します。 Angular アプリケーションに適用した場合 https://github.com/puku0x/todo-angular React アプリケーションに適用した場合 https://github.com/puku0x/todo-react
![Angular/React両方を経験して得られた堅牢なアプリケーション設計](https://cdn-ak-scissors.b.st-hatena.com/image/square/fe767754af681280c4b2f806e550a601075e0a44/height=288;version=1;width=512/https%3A%2F%2Fmedia.dev.to%2Fcdn-cgi%2Fimage%2Fwidth%3D1000%2Cheight%3D500%2Cfit%3Dcover%2Cgravity%3Dauto%2Cformat%3Dauto%2Fhttps%253A%252F%252Fdev-to-uploads.s3.amazonaws.com%252Fuploads%252Farticles%252Fb5ntnl7p4j5xm8fn95hf.jpg)