MERNスタックでのアーキテクチャのデザインパターンについて

実現したいこと

現在、Node.jsの学習の延長でMERNスタック（MongoDB, Express, React, Node.js）を勉強中です。
MERNスタックを使用してアプリケーションを構築する際に、一般的なデザインパターン（全体設計やアーキテクチャ）がどのようなものになるのかを知りたいです。

ここで知りたいデザインパターンは、
Factory パターンやSingleton パターンなどではなく、MVCやMVP、MVVMなどのアーキテクチャに関するパターンです。

発生している問題・分からないこと

例えば、以下の点についてアドバイスをいただけると助かります

MERNスタックを利用する場合、採用されることが多いデザインパターン（例: MVCパターンなど）はありますか？
あるいは要件に応じて柔軟に選ぶべきでしょうか？

経験者の方からの具体例も教えていただけると幸いです。

よろしくお願いいたします。

該当のソースコード

特になし

試したこと・調べたこと

teratailやGoogle等で検索した
ソースコードを自分なりに変更した
知人に聞いた
その他

上記の詳細・結果

私の調べた範囲では以下のような感じかなと思いました。
・MERNスタックで実装すれば自然と基本的にMVCパターンになる
・そのため小規模アプリではMVCパターンを採用する
・大規模アプリでは、MVVMやMVP、Clean Architectureなどを採用する事もある

補足

特になし

IT001

2024/12/14 06:15

一般的なMERNスタックであれば、（詳細・結果の）ご認識は正しいと思います。ただし、近年MEANスタックという構成では採用されないので、Reactに特化して考えた方が宜しいかもしれません。（React自体は人気がありますが、2022年ごろからMongoDBからPostgreSQLに移行するケースが増えてきています） https://db-engines.com/en/ranking_trend 近年React公式がフレームワークを推奨していることから、ExpressではなくNext.jsやRemixなどのフレームワークが採用されます。この時に人気のアーキテクチャとしてはBFF（Backend for Frontend）があります。Reactを採用すると（自ずと）コンポーネント設計になるのと、フレームワーク特有の設計があるので、何を選択するかで設計パターンが異なってきます。 Reactフレームワークについては、React公式もご参照ください。 https://ja.react.dev/learn/start-a-new-react-project 少し古いですが、設計原則も参考になると思います。 https://ja.legacy.reactjs.org/docs/design-principles.html

pecchan

2024/12/14 23:44

IT001様有益な情報有難う御座います。大変参考になりました。今後の方向性を決める際に何度も読み返します。是非ベストアンサーにさせていただきたいので、お手数ですが回答に（一言で結構ですので）御入力いただけないでしょうか？宜しくお願い致します。

IT001

2024/12/15 06:11

参考になったのなら良かったです。同じ内容ではありますが、回答の方に記載させて頂きました。

行動規範の内容に同意します

回答1件

ベストアンサー

近年React公式がフレームワークを推奨していることから、ExpressではなくNext.jsやRemixなどのフレームワークが採用されます。この時に人気のアーキテクチャとしてはBFF（Backend for Frontend）があります。Reactを採用すると（自ずと）コンポーネント設計になるのと、フレームワーク特有の設計があるので、何を選択するかで設計パターンが異なってきます。

Reactフレームワークについては、React公式もご参照ください。
https://ja.react.dev/learn/start-a-new-react-project
少し古いですが、設計原則も参考になると思います。
https://ja.legacy.reactjs.org/docs/design-principles.html

投稿2024/12/15 06:10

IT001

総合スコア659