フロントエンドにReact.jsを採用する場合の共通コンポーネントの扱いについて、知見をいただければ幸いです。
現在Laravel5をベースとしたWebアプリを開発しています。MVCのVだけをReactで作り、最終的にphpのViewファイルからコンパイル済みのjsファイルを読み込む形で考えています。
そこで、以下のようなディレクトリ設計で、main(これがページにあたる)の中にあるファイルから、layoutsやcontainerの中にあるコンポーネントを読み込む仕組みです。
ただ、JSXをプレーンなJSにコンパイルするという仕組み上、コンパイル後のjsファイルが読み込まれるので、もし途中で共通コンポーネントを変更したくなった場合は mainディレクトリの中身全てをコンパイルし直さないといけないのでは?と気づきました。
Reactである程度の規模のサービスを作っている方はどのようにこの問題を解決しているのでしょうか?
どうぞよろしくお願いいたします。
コンパイル前 resources/assets ├── js │ ├── app.js │ ├── bootstrap.js │ ├── components │ │ ├── container │ │ │ └── Player.js │ │ └── layouts │ │ ├── Footer.component.js │ │ ├── Footer.styled.js │ │ ├── Header.component.js │ │ └── Header.styled.js │ ├── main │ │ └── question │ │ ├── detail.js │ │ └── index,js │ └── shared │ └── service │ └── http │ └── question.js
コンパイル後 public/js ├── podcast │ └── detail.js └── question ├── detail.js └── index.js
Viewファイル <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>質問詳細ページ</title> </head> <body> <div id="root"></div> <script src="/js/question/detail.js"></script> </body> </html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/02 01:04