帶有 ReactJS 的 WordPress：盈利還是虧損？

已發表: 2019-01-31

目前，WordPress 因其最新版本的 Gutenberg 編輯器的塊編輯功能而在全球範圍內獲得好評。 這個編輯器令人驚訝的部分——ReactJS 用作後端。 ReactJS 讓 WordPress 開發者社區大吃一驚，它引入了 Calypso，它通過利用 Node 和 React 等庫，實現了一個完全用 JavaScript 編寫的令人難以置信的快速和 API 驅動的界面。

基本上，react 是一個庫，它提供了一種定義 UI 組件的聲明性方法，例如 ReactDOM，它是一個提供渲染和 DOM 差異的組合庫，而 React-Redux gum 提供了 React 和 Redux 之間的粘合劑作為數據存儲。 通過使用 Javascript，React Native 讓您可以構建移動應用程序，還可以從聲明性組件編寫豐富的移動 UI。 React 在 Airbnb、Dropbox、支付寶、Netflix、Facebook 等大品牌中非常受歡迎，因為它易於使用且方法靈活。

在其發佈時，這在 PHP 開發人員中引起了轟動，因為必須學習 JavaScript 以利用新提出的技術堆棧。 但是使用 Gutenberg 編輯器，使用不同的庫變得非常容易。 從產品策略的角度來看，使用 React 繼續開發對 WordPress 開發人員來說確實很有意義，但您可能還想知道為什麼首先選擇 React。

讓我們看看在做出初步決定後使用 WordPress 和 ReactJS 的一些優點和缺點。

使用 React 的優點

  • 1 允許重用代碼組件

任何 ReactJS 開發人員可以獲得的最大優勢是重用現有的組件，從而忘記一般的升級難題。 所有組件都是隔離的，如果您對第一個組件進行更改，這種更改不會影響另一個組件。 這種重用組件的特性可以通過使開發人員的編程更加精確和準確來提高生產速度。

  • 2 易於書寫

有過 HTML 編寫經驗的開發人員在使用 JSX 編寫帶有插值的 React 模板時會發現極其相似。 HTML 直接在您的 Javascript 組件代碼中，看起來與 Mustache 模板相同。 如果您希望將所有標記、樣式和功能放在一個地方，那麼 React 被認為是非常靈活的，因為它在未來提供了便利和極端的模塊化。

  • 3 更快的速度

WordPress 開發人員無需擔心之前渲染過的內容還是第一次渲染。 認為 React 渲染是不可變的，它以完全相同的方式進行一個組件的第一次渲染和第十五次渲染。 當狀態發生變化時，Redux 會重新渲染頁面上的相關組件。

  • 4 單獨的數據和表示

WordPress 使用 REST API 讓數據到達 Redux 和 React，因為它允許數據和表示完全分離。 當您將盡可能多的數據放在 Redux 存儲中時，它通常會提供最佳結果，因為您在新渲染中丟失的任何內容都可能進入 React 狀態。 因此，React 提供的不僅僅是短期存儲的表示層。

  • 5 簡單框架

WordPress 開發人員承認發現 ReactJS 比許多框架或庫更容易使用。 借助基本的編程知識，您可以創建和支持專業的移動和 Web 應用程序。 此外，JSX 的唯一語法名稱允許 Javascript 和 HTML 的組合。

使用 React 的缺點

  • 1 鼓勵構建工具

React 社區強烈推薦所有前端應用程序的構建工具，但強烈建議使用最簡單和體面的工具。 對於最簡單的應用程序，您通常需要在“package.json”文件中使用 shell 腳本。 例如，您可以使用 Gulp 之類的工具來為更複雜的應用程序管理更多任務。 此外，Browserify 和 WebPack-Dev-Server 對於構建工具很重要，這些工具可以在命令行界面中使用 NPM 腳本，而不會使事情變得不必要的複雜。

  • 2 禁止許可

如果您希望您的項目更安全、無錯誤並使用最新功能進行升級，那麼選擇許可軟件始終是更好的選擇。 即使是 Automattic 或 WordPress 團隊也決定使用 React，儘管他們知道限制性許可幾乎讓他們在重寫 Gutenberg 和 Calypso 時鬆了幾個月。

  • 3 React 不是一個框架

當開發人員想要快速工作時，React 可能會非常令人沮喪。 例如，如果您有客戶提出更多項目並按時完成，那麼使用 React 可能會非常令人沮喪。 React 被認為有點複雜，因此你不能指望在處理它時節省時間。

  • 4 React 仍處於開發階段

React 約定社區仍在發展中，因為當變化非常快並且沒有時間固化為通用實踐時，會出現更替問題。 雖然反應更改或更新通常每月發生一次，這使得任務變得困難，因此項目無法在正確的時間使用最新功能進行配置。

結論

WordPress 開發人員可以從 React、Angular 和 VueJS 中選擇多種框架和庫。 在為他們的項目選擇合適的框架時，開發人員似乎有些困惑。 由於變體庫有多種用途，例如，WordPress 作為構建移動應用程序的後端，VueJS 用於簡單的單頁應用程序或 Angular2 和 TypeScript，根據您的客戶需求和項目要求。

WordPress 用戶熱衷於通過使用 React 在網站上嘗試一下，看看它為他們的項目提供的紀念性積極影響。 在設計自定義網站方面，WordPress 一直處於領先地位，因為它允許用戶擁有過多的功能，並通過根據需要進行定制使它們獨一無二。 最後，這完全取決於您希望如何使用最佳選項自定義項目。

作者簡介：

Olivia Diaz 在 eTatvaSoft.com 工作，這是一家企業級移動和 Web 應用程序開發公司。 作為一名科技極客，她密切關注行業趨勢，關注最新的科技新聞和小工具。