問題タブ [walmart-electrode]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - Walmart 電極反応アプリで componentWillMount を実装する方法は?
私は Walamart の Electrode React アプリ フレームワークを使い始めようとしていますが、アプリケーションがマウントされたときの動作を追加する方法がわかりません。auth0.lock を使用してアプリ認証を設定し、アプリcomponentDidMount
関数で初期化を実装したいと考えています。
http://www.electrode.io/docs/whats_inside.html
app.jsx ファイルに追加するにはどうすればよいですか? それはそうするのに適切な場所ですか?window.webappStart は反応コンポーネントが返されることを期待していますか?
node.js - Package.json は、Walmart の Electrode フレームワークを使用した反応アプリの依存関係の問題
Electrodeと呼ばれる Walmart の新しい React フレームワークを使い始めています。
ただし、package.json にすべてが表示されないため、プロジェクトの依存関係が定義されている場所を理解するのに苦労しています。リンターを実行しているため、redux や react などのパッケージが依存関係で定義されていないというエラーが表示されます。ただし、npm install を実行すると、すべてのパッケージがインストールされます。npm は他のパッケージをインストールすることをどのように認識しますか?
package.json の内容は次のとおりです。したがって、react などの他のパッケージは、別の場所でリンクまたは構成または定義する必要があります。
reactjs - 電極アプリで react-router を使用して複数のルートを追加しても何も起こりません
私は電極と呼ばれるウォルマートのreact/redux/react-router/isomorphicボイラープレートを使い始めていますが、複数のルートを追加するのに問題があります。2 番目のルートを追加すると、何もしないように見え、リンクして他のルートにプッシュしてもページは変更されません。
http://www.electrode.io/docs/get_started.html
https://github.com/electrode-io/electrode-redux-router-engine
ボイラープレートの単一ルートは次のようになります
そして、これが私がそれを変更したものです
ルートを並べて配置できませんでした。jsx は 2 つの要素を並べて配置できないというエラーが表示されたため、ネストする必要がありました。私がオンラインで見る反応ルーターの例は、ルートアプリコンポーネントを想定しているようです。電極ルーター redux サンプルを見ると、ルート コンポーネントを「Page」に設定しています。「ページ」コンポーネントとは何ですか? 私の質問は
- 2 番目のルートが機能しないのはなぜですか?
- IndexRoute を使用する必要がありますか?
- ルート ルートのルート コンポーネントを作成する必要がありますか? もしそうなら、そのコンポーネントはどのように見えますか?
これがapp.jsxコードです
walmart-electrode - 電極サーバーのどこで hapi.js クッキー構成を構成しますか?
req オブジェクトから Cookie 情報を取得しようとしています。hapi.js で Cookie を構成する方法はわかりましたが、electrode-server で Cookie を渡したり構成したりするにはどうすればよいですか? config/default.json で「サーバー」構成または「接続」構成を渡す必要がありますか?
heroku - Heroku のビルドは成功するが、デプロイは失敗する (コードの変更なし)
LogDNA で次のエラーが発生します。
その行には、Bluebird のインポートが含まれています。依存関係を削除して行を削除すると、次の行を参照することを除いて同じエラーが発生します (これは依存関係のインポートでもあります)。
以前は機能していたブランチをデプロイすると、同じエラーが発生します。もちろん、この問題をローカルで再現することはできません。
Dyno の npm リストをローカルと比較しましたが、同じです。また、予期されるすべての node_modules は、実際には Dyno のファイルシステムに存在します。
Heroku-bash を使用してビルド タスクを手動で (特別なことは何もせずに) 実行してからデプロイすれば問題ありません。
reactjs - サーバー側のreactjsはすべてのルートをサーバー側でレンダリングする方法/SEOに必要ですか? (電極)
サーバー側のreactjsでコンポーネント/ルートをレンダリングし、コンパイルされたhtmlを送り返すことができるユニバーサルフレームワークであるウォルマートの電極フレームワークを使用しています。現在、最初のページの読み込みがサーバーでレンダリングされ、コンパイルされた html が返されます。ただし、いずれかのリンクをクリックすると、その後のルーティング ナビゲーションは SPA のような方法で処理され、サーバーからテンプレートを受信するのではなく、クライアントがテンプレートを作成します。
だから私の質問は:
クリックして新しいルートをヒットしたときに、サーバーでレンダリングされた html を引き続き受信するように設定する方法はありますか?
それとも、これは意図的に、最初のページロードのみをサーバー側でレンダリングする必要があり、残りはクライアント側で問題ないという考えですか?
最初のページのロードとリロードのみがサーバーから html を提供し、クリックとルーティングが html をクライアント側でレンダリングする場合、SEO に悪影響を及ぼしますか?
ありがとう