web-dev-qa-db-ja.com

テーマはReactで構築できますか？

GoogleとサイトのアーカイブをReactというクエリで検索すると、興味深い質問がいくつかあります。

そして theme development documentation を読むと：

最低限、WordPressテーマは2つのファイルで構成されています。

  • style.css
  • index.php

そのため、Reactの部分では、index.htmlがindex.phpに置き換えられ、syle.cssがスタイルシートヘッダーを持つメインレベルに配置されている場合。サイトのフロントエンドが機能しない理由はありますか？

ReactアプリがAPIを呼び出すので、http://foobar.com/wp-json/wp/v2/posts/を呼び出しても問題がどうなるかわかりません。私はテーマにPNGを追加するつもりですが、調査ごとに私はより良い代替案を見つけられず、サブドメインにWPインスタンスを、メインドメインにReactサイトを持たないようにしています。 React-WordPressテーマに問題を引き起こす可能性があるものはありますか？

theme-developmentrest-api
7
DᴀʀᴛʜVᴀᴅᴇʀ

テーマはReactで構築できますか？

テーマに1つのテンプレートしかなく、フロントエンド全体をレンダリングしてナビゲートし、データを取り込むためにJSに依存している場合は、テーマでReactを使用できます。 Reactを使う

サイトのフロントエンドが機能しない理由はありますか？

あなたはあなたの反応アプリに様々なURLとデータをロードすることを考慮しなければならないでしょう、しかしその時点でそれはReact問題であり、それほどWP問題ではありません。

ReactアプリがAPIを呼び出すので、 http://foobar.com/wp-json/wp/v2/posts/ と呼び出しても問題がどうなるかわかりません。

ここで問題ありません

私が抱えている1つの懸念は、あなたがアプリケーションの周りをクリックするときにあなた自身をルーティングすることを管理する必要があるということです。しかし、これはReact Routerの問題です（ルーティングに使用するライブラリを想定しています）。

サブドメイン上のWPインスタンスとメインドメイン上のReactサイト。

これは不必要に物事を複雑にする素晴らしい方法のように思えます。テーマにReactアプリを提供するだけです。テーマ内からリソースをロードすることは、それがReact、jQuery、またはバックボーンである場合は同じ問題であり、ブラウザはそれらを同じ方法でロードします。テーマURLがある場所をJSに伝えてください。

React-WordPressテーマに問題を引き起こす可能性があるものはありますか？

これは非常に自由な質問であり、あなたがやろうとしていることによります。

正直なところ、安心感を求めているようです。覚えておいて、ReactはJavaScriptです。テーマではJavaScriptを使用でき、テーマの中ではJavaScriptからREST AP​​Iを呼び出すことができます。 React、Vue、jQuery、Vanilla JS、Angularであれば、どのUIフレームワークがそのコードを動かしているかは問題ではありません。それはすべてJSです。

あなたが投稿をロードしてそれをあなたのジャバスクリプトの中でレンダリングすることを処理したいならば、あなたはそれをすることができます。その手段としてReactを選択した場合、それはあなた次第です。

あなたがする必要がありますあなたがいくつかの明白なことがあります：

wp_footerとwp_headを呼び出す必要があるので、header.phpとfooter.phpが必要です。また、functions.phpが必要なので、JSとスタイルをエンキューできるようにしてください。

それのどれもReact特有ではありません、しかしすべてのテーマはそれをするべきです。また、WP AP​​Iスクリプトをエンキューして、REST AP​​I URLを渡すこともできます。これもReactアプリケーションに固有のものではありません。

しかし最も重要なことに、Reactテーマのようなものはありません。たまたまReactを使うテーマがあります。それは別の何かとしてそれを考えるのは簡単ですが、それは実際には一日の終わりにはかなり空に見えるテーマのJSです

6
Tom J Nowell