2016-05-07 1 views
0

同形/ユニバーサルJavaScript技術(ReactやAngular2などのフレームワークを使用)を使用して、ワードプレス駆動の単一ページアプリケーションを配信できますか?ユニバーサルJavaScriptを使用したWordPress駆動シングルページアプリ

+0

私にとってこれは少し実験のようです。ここでReactを使う利点が何であるかははっきりしていません。あなたはパフォーマンスについて言及しましたが、ボトルネックが何であるかによって、それはずっと速くはありません。 – azium

+0

ユーザーが多く関わる主要な機能の1つは、フィルタリング/検索/並べ替えです。そして、私はサイト上の別のページをWebアプリケーションのように動作させたいと思っています。私の理解では、仮想DOMとそれが必要なものだけを再レンダリングする方法は、これをもっと速くするでしょう。私はここで間違っていますか? – jabacchetta

+0

速度の向上はほとんど無視できます。アプリケーション全体を再構築する価値はありません。例えば、Angularアプリケーションは、一度に多くの要素を再レンダリングすると不安定になりますが、数行のコードで簡単に最適化できます(VDOMは不要)。つまり、Reactは技術の素晴らしい部分ですが、パフォーマンスを変更してはいけません。 – azium

答えて

0

Reactを使っていくつかのシングルページアプリケーションを構築した後、私はこれから将来ここに着陸する可能性のある他の人のためにこれに答えようとします。

ユニバーサル/同形のJavaScript

すでにこの流行語(AirbnbMedium記事で主流を作った)に慣れていない場合は、基本的にサーバー側の両方でJavaScriptをレンダリングする能力を意味し、クライアント側。デスクトップおよびモバイルアプリケーション(例えば、ノーページをリロード)に似た - JavaScriptのMVCフレームワークの

落とし穴は

シングルページアプリケーションは、主に、より流動的なユーザーエクスペリエンスを提供する能力について、途方もなく人気となっています。

しかし、第1世代のフレームワーク(AngularとBackboneなど)には、クライアント側のレンダリングへの依存性という大きな欠点がありました。このpresented a few problems

  • JavaScriptが無効になっていると、まったく動作しません。
  • 検索エンジンでクロールできません(ただし、JavaScriptを処理する方法はGoogle is now making significant progressです)。
  • 最初に空白のページが表示され、コンテンツのレンダリングに8秒以上かかることがあります。
  • ソーシャルシェアは難しい(プレビューなし)。 (バックエンドでのNode.jsで使用した場合)

今日のソリューションは、(Angular2含めて反応)

新しいフレームワーク/ライブラリは、クライアント側のレンダリングに加えて、サーバー側のレンダリングをサポートすることができます。

最初にサーバーからコンテンツを提供してから、ルーティングをクライアントに渡すという考えがあります。この技術は、すぐに読み込まれ、ページのリロードを必要としない検索エンジンフレンドリーなアプリです。

ワードプレスの進化

WordPress is now moving towards becoming a fully-fledged application frameworkとワードプレスコアにWPのREST APIを追加するプロセスです。これは(上記の技術と組み合わせて)、WordPressを使用してデータを提供している間に、本当にユニバーサルなアプリケーションを作成することができます。実際、WordPressothersがすでに実行しているのはまさにそれです。

関連する問題