タグ

reactとnodeに関するsujiiのブックマーク (2)

  • PHPアプリケーションでのReact.jsのサーバーレンダリング考える

    PHPReact.jsなアプリケーションを導入する時に眺めてみた時のメモ。 まず、ブラウザからのリクエストに対して、サーバー側でDOMをレンダリングする必要がある。 これは、ブラウザでDOMレンダリングする場合は、サーチエンジンのアクセスに対して、 空の要素を返してしまう。 そのため、その結果がインデックスされるとSEO的によろしくないからである。 そこで、どこでReact.jsを実行してDOMを生成するのかを考える必要がある。 PHPでJSを実行する React.jsをレンダリングする小さなアプリケーションに処理を委譲する の2つのパターンを考えられる。 例として簡単なView Classのテンプレートをレンダリングする。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 3

  • MERN - Express/Reactを使ったWeb開発フレームワーク MOONGIFT

    Linux + Apache + PHP + MySQLの組み合わせがWeb開発のスタンダード的な位置づけになっていた頃、それぞれの頭文字をとってLAMPスタックと言うのが流行りました。同様にフレームワークが変わるために名称も異なってきました。 今回はMERNスタックを標榜するソフトウェアを紹介します。MongoDB + Express + React + nodeという組み合わせのアーキテクチャになります。 MERNの使い方 MERNのディレクトリ構成は次のようになっています。サーバサイドはMVCに分かれており、Reactを使ったサーバサイドレンダリングを行っています。 テストのサーバを立ち上げたところです。ブログエンジンとなっています。右側にReactで持っているオブジェクトの内容が確認できるのがユニークです。 データの詳細も確認できます。 クリックで画面は変わりますが、サーバへのアク

    MERN - Express/Reactを使ったWeb開発フレームワーク MOONGIFT
  • 1