WordPress驅動的單頁面應用程序具有通用JavaScript

Question

是否可以使用同構/通用JavaScript技術（通過React和Angular2等框架）交付WordPress驅動的單頁應用程序？

Answer 1

在使用React構建一些單頁應用程序之后，我將嘗試為將來可​​能會來到這里的任何其他人回答這個問題。

通用/同構JavaScript

如果您還不熟悉這個流行詞（通過Airbnb和Medium的文章成為主流），它實際上是指能夠在服務器端和客戶端同時呈現JavaScript的功能。

JavaScript MVC框架的陷阱

單頁應用程序已變得非常流行，主要是因為其提供更流暢的用戶體驗的能力-與台式機和移動應用程序類似（例如，無需重新加載頁面）。

但是，第一代框架（例如Angular和Backbone）有一個主要缺點：它們依賴於客戶端渲染。 這帶來了一些問題 ：

• 如果用戶禁用了JavaScript，則根本不起作用。
• 無法被搜索引擎抓取（盡管Google現在在處理JavaScript 方面取得了長足的進步 ）。
• 最初，當用戶等待八秒鍾（或更長時間）以呈現內容時，會向用戶提供空白頁。
• 社交共享存在障礙（無預覽可用）。

今天的解決方案

較新的框架/庫（包括Angular2和React）除客戶端渲染（與后端的Node.js一起使用）外，還支持服務器端渲染。

這個想法是您首先通過服務器提供內容，然后將路由傳遞給客戶端。 這項技術可為您提供兩全其美的功能-搜索引擎友好的應用程序，可立即加載且無需重新加載頁面。

WordPress的演變

WordPress現在正朝着成為成熟的應用程序框架的方向發展，並且正在將WP REST API添加到WordPress Core中。 這（結合上述技術）使我們能夠創建真正的通用應用程序，同時使用WordPress來提供數據。 實際上，這正是WordPress和其他公司已經在做的事情。