どうも、イソップです。 ReactやAngular、最近ではVue.jsが普及してきたおかげで、シングルページアプリケーション(以下SPA)の実装を多くの人ができるようになってきました。 宣言的なコンポーネント志向のアーキテクチャ、Fluxを用いたデータフロー。 コンポーネントの構築やデータの流れを意識することで、昔に比べて設計やデータ管理がラクになりました。 ただ注意したいのは、昔に比べてUIを実装しやすくなっただけで、アプリケーション実装のポイントを抑えておかないと次第にコードが散らかってしまうことです。 例えばReact + Reduxでは、始めは良くてもすぐにReducerやActionが膨れ上がります。 その結果コードの行数は増え、コードを追うのに時間がかかり、修正作業も困難。常にあれこれ考えながら実装を進めることになってしまっては元も子もありません。 そこで、重要になってくるの
![SPAのフロントエンド実装は、モデルの理解が重要](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9e4e435e98165f36b7b4efa64c078fd1352cd2e/height=288;version=1;width=512/https%3A%2F%2Fwp-blog.yuhiisk.com%2Fwp-content%2Fuploads%2F2017%2F07%2Ffrontend-with-model-1.png)