質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.12%
React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

解決済

React.jsのサーバーサイドレンダリング(SSR)について

gattsu
gattsu

総合スコア11

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

1回答

1リアクション

1クリップ

3045閲覧

投稿2016/11/14 07:30

最近からReactを学び始めているものです。

サーバーサイドレンダリング(SSR)の概要的なものについて、自分で考えてみたのですが、こういうものなのかと言うのが不明で質問に至りました。

SSRの流れ
(webサーバー側はMVCのフレームワークを使っている事を想定)
※ws=webサーバー, bs=Browser

0, bs側からリクエスト
1, ws側でContoroller→View作成
2, 1で作成されたViewを更にReact.jsでレンダリング
3, 2で作成されたView(html)をbs側にレスポンス
4, bsでhtmlを表示

つまり、サーバーサイドから造られたViewをサーバーサイドからjsを走らせて新たなViewを作成するという事でしょうか?

上記の2でReact.js等をレンダリングさせる際にはnode.js等のサーバーを立てて実行させるのでしょうか?
それは、具体的にどのように繋ぎ込めばいいのかいまいち想像が行きません、、

また、サーバーサイドレンダリングにする一番のメリットとしては、出来上がったHTMLを読み込ませるだけなので、クライアント側でのjsの読み込みを気にせずに済むというところでしょうか?
クライアントに完全に任せてしまうと、やはりSEO等の観点でデメリットが生じる事が大きいのでしょうか?

以上、もう少し深く学習を進めていけば解決できると思うのですが、どうしても気になって引っかかるので、ご教授頂ければ幸いです。

maisumakun👍を押しています

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.12%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。