ReactJSを使用したWordPress：利益か損失か？

公開: 2019-01-31

現在、WordPressは、ブロック編集機能を備えたGutenbergエディターの最新リリースについて世界中で評価を得ています。このエディターの驚くべき部分–ReactJSはバックエンドとして機能します。 ReactJSは、NodeやReactなどのライブラリを活用して純粋にJavaScriptで記述された信じられないほど高速でAPIを利用したインターフェースに、Calypsoを導入することで、WordPress開発者のコミュニティを驚かせました。

基本的に、reactは、レンダリングとDOM差分を提供する複合ライブラリであるReactDOMのようなUIコンポーネントを定義する宣言的な方法を提供するライブラリであり、React-ReduxガムはデータストアとしてReactとReduxの間の接着剤を提供します。 React Nativeを使用すると、Javascriptを使用して、モバイルアプリケーションを構築したり、宣言型コンポーネントからリッチなモバイルUIを記述したりできます。 Reactは、使いやすく柔軟なアプローチにより、Airbnb、Dropbox、Alipay、Netflix、Facebookなどの大手ブランドの間で非常に人気があります。

そのリリースでは、新しく提案された技術スタックを利用するためにJavaScriptを学ぶことが必須になったため、これはPHP開発者の間で急いでいました。しかし、Gutenbergエディターを使用すると、さまざまなライブラリーでの作業が非常に簡単になります。製品戦略の観点から、WordPress開発者がReactを使用して開発を継続することは非常に理にかなっていますが、そもそもなぜReactが選ばれたのか不思議に思うかもしれません。

最初の決定がなされたときに、ReactJSでWordPressを使用することのいくつかの長所と短所を見てみましょう。

Reactを使用することの長所

1コードコンポーネントを再利用できます

ReactJS開発者が得ることができる最大の利点は、一般的なアップグレードの頭痛の種を忘れた既存のコンポーネントを再利用することです。すべてのコンポーネントが分離されており、最初のコンポーネントに変更を加えても、そのような種類の変更は別のコンポーネントに影響を与えません。コンポーネントを再利用するこのような機能は、開発者にとってプログラミングをより正確かつ正確にすることにより、生産の速度を上げることができます。

2書きやすい

HTMLでの記述を経験した開発者は、JSXのおかげで、補間を使用してReactテンプレートを記述したときに非常に類似していることに気付くでしょう。 HTMLはJavascriptコンポーネントコードに直接含まれており、Mustacheテンプレートと同じように見えます。すべてのマークアップ、スタイル、機能を1か所にまとめたい場合、Reactは、今後の利便性と極端なモジュール性を提供するため、非常に柔軟であると見なされます。

3より速い速度

WordPressの開発者は、何かが以前にレンダリングされたのか、それとも初めてレンダリングされたのかを心配する必要はありません。 Reactレンダリングは不変であり、1つのコンポーネントの最初のレンダリングと15番目のレンダリングをまったく同じ方法で続行すると見なされます。状態が変化すると、Reduxはページ上の関連するコンポーネントを再レンダリングします。

4個別のデータとプレゼンテーション

WordPressは、データとプレゼンテーションを完全に分離できるため、データがReduxとReactに到達するためにRESTAPIを使用しています。 Reduxストアにできるだけ多くのデータを配置すると、新しいレンダリングで失ったものはすべてReact状態になる可能性があるため、通常は最良の結果が得られます。したがって、Reactは、短期間のストレージ用のプレゼンテーション層以上のものを提供します。

5シンプルなフレームワーク

WordPressの開発者は、ReactJSが多くのフレームワークやライブラリよりも使いやすいと自白しています。基本的なプログラミング知識の助けを借りて、プロのモバイルおよびWebアプリケーションを作成およびサポートできます。また、JSXという一意の構文名を使用すると、JavascriptとHTMLを組み合わせることができます。

Reactを使用することの短所

1ビルドツールを奨励します

Reactコミュニティは、すべてのフロントエンドアプリケーション用のビルドツールを強く推奨していますが、最もシンプルで適切なツールを強くお勧めします。最も単純なアプリケーションでは、多くの場合、「package.json」ファイルのシェルスクリプトに参加する必要があります。たとえば、Gulpなどのツールを使用して、より複雑なアプリケーションのより多くのタスクを管理できます。また、BrowserifyとWebPack-Dev-Serverは、コマンドラインインターフェイスのNPMスクリプトに固執するツールを構築するために重要であり、不必要に複雑にすることはありません。

2禁止されているライセンス

プロジェクトをより安全でエラーがなく、最新の機能でアップグレードしたい場合は、ライセンスソフトウェアを選択することをお勧めします。 AutomatticまたはWordPressチームでさえ、GutenbergとCalypsoの書き直しで数か月間緩んでいた制限付きライセンスについて知っていたにもかかわらず、Reactを採用することを決定しました。

3Reactはフレームワークではありません

開発者が迅速に作業したい場合、Reactは非常にイライラする可能性があります。たとえば、クライアントがより多くのプロジェクトを考え出し、締め切りを迫っている場合、Reactでの作業は非常にイライラする可能性があります。 Reactは少し複雑であると考えられているため、作業中に時間を節約することは期待できません。

4Reactはまだ開発中です

変更が非常に速く、一般的な慣行に固まる時間がない場合、売上高に問題が発生するため、Reactコンベンションのコミュニティはまだ発展途上です。通常、Reactの変更または更新は月単位で行われるため、タスクが困難になるため、プロジェクトを最新の機能で適切なタイミングで構成することはできません。

結論

WordPress開発者は、React、Angular、VueJSから選択できるフレームワークとライブラリの幅広い選択肢を持っています。プロジェクトに適切なフレームワークを選択することになると、開発者の間で少し混乱が生じるようです。バリアントライブラリには複数の用途があるため、たとえば、モバイルアプリケーションを構築するためのバックエンドとしてのWordPress、クライアントの要求やプロジェクトの要件に応じたシングルページアプリケーションまたはAngular2およびTypeScript用のVueJSなどです。

WordPressユーザーは、Reactを使用して、プロジェクトに提供される記念的なプラスの効果を確認することで、Webサイトを試してみたいと考えています。 WordPressは、ユーザーが多数の機能を利用できるようにし、ニーズに応じてカスタマイズすることで独自のWebサイトを作成できるため、カスタムWebサイトの設計において常にトップに立っています。結局のところ、それはすべて、最適なオプションを使用してプロジェクトをどのようにカスタマイズするかによって異なります。

著者略歴：

Olivia Diazは、エンタープライズレベルのモバイルおよびWebアプリケーション開発会社であるeTatvaSoft.comで働いています。彼女はテクノロジーオタクであり、最新のテクノロジーニュースやガジェットに焦点を当てた業界のトレンドを注意深く見守っています。