MVC とは？

それぞれの責任を分けることで変更の影響を小さくできるからだよ。画面のデザインを変えたいときはViewだけ、データの扱い方を変えたいときはModelだけ触ればいい。全部一緒に書いてあると、1つ変えようとするだけで全体に影響が出る。

名前は同じでも実装が結構違う。RailsはControllerがHTTPリクエストを受けてModelを操作し、ViewにデータをレンダリングさせてHTMLを返す。iOSのMVCはViewとControllerが密接で「Massive View Controller」問題（Controllerが肥大化する問題）として知られるほど。MVCは「パターン名」であって、実装は環境によってかなり変わる。

MVVM（Model-View-ViewModel）はViewModelがModelとViewを仲介する。特にデータバインディングと相性がよく、Angular・SwiftUI・Vue.jsで採用されている。ViewModelはViewの「表示用のデータを整えた版」を持つ。MVCのControllerがUI操作に紐づくのに対し、ViewModelはUIを直接参照せず、テストがしやすい。

ReactはMVCに当てはまらないとされることが多い。Viewに特化したライブラリで、アーキテクチャパターン自体は開発者が選ぶ設計になってる。Fluxアーキテクチャ（データが一方向に流れる）をFacebook が提唱して、それがReduxにつながった。「MVC＝Web開発の標準」という時代からコンポーネントベース・単方向データフローへのシフトが起きているんだ。