isomorphic-javascript

0熱

2答えて

のようにサーバー側でそれらをレンダリングする際のデータとコンポーネントをレンダリングする方法

私はコンポーネントを反応させるデータを渡すことができ豆をしました： app.get('/', function (req, res, next) { var reactHtml = ReactDOMServer.renderToString(component({data})); res.render('index.jade', {reactOutput: reactHtml}

1熱

3答えて

反応同形データと初期データ

私は反応とnodejsとisomprphicショップを作成しています。私の問題は、SERVER SIDEの初期データをコンポーネントに取り込む方法です。ホームページのコンポーネントに初期データを設定する方法を知っています。データを「/」ルートで取得し、それらをコンポーネントとして自分の小道具として渡します。しかし、他のルートはどうですか？私は複数のサーバーサイドルートを定義できますが、私のウ

8熱

1答えて

サーバー側のレンダリング+レスポンシブデザイン+インラインスタイル - >使用するブレークポイント？

私はReactJSで構築されたレスポンシブなWebアプリケーションを用意しています。ビューポートのサイズに応じて、アプリケーションのレイアウト/動作が変更されます。しかし、これらの変更はすべて、単純なCSSメディアクエリで行うことができるだけでなく、JSの振る舞いやHTML構造も幅に応じて変更する必要があります。例えば、私が持っている可能性があり：幅800ピクセルの下で： <div clas

1熱

2答えて

要素型が無効です：文字列（組み込みコンポーネント用）またはクラス/関数（複合コンポーネント用）が必要ですが、オブジェクト：

私は同形のJavascriptを初めて使用しています。私はBabelifyと組み合わせてGulpを使用しています。プリセットes2015、stage0を使用しています。エクスプレスサーバーで反応します。マイ成分、script.js： var React = require('react'); var ReactDOM = require('react-dom'); export class

3熱

1答えて

渡す方法isomorphic appでnode-fetchを通してCookieをリクエストしますか？

私はthis一般的な定型文から、React、Express、同形フェッチ（クライアントの場合はwhatwg-fetch、サーバの場合はnode-fetchに基づいています）を使用して同形プロジェクトを構築しようとしています。私は自分のアクセストークンにクッキーを使用しています。フロントエンド側にはcredentials: 'same-origin'があります。to send it to Graph

0熱

1答えて

リアルータを使ったサーバー側のレンダリング

最も簡単なHello Worldの例でリアクションルーターをサーバー上で実行しようとしていますが、私が何をしていても、コールバックの小道具は常に定義されていません。 2日ほど経ってから、APIがかなり大幅に変更されているように見えます。古いAPIに関連していたすべての回答が見つかりました。だからここのスーパー簡単なコード例： import http from 'http' import Rea

0熱

1答えて

ReactJS：チェックサムが無効

サーバーは認証されていないユーザーのWebアプリケーションのバージョンをレンダリングするため、このエラーが発生します。これはUI要素の一部が存在しないことを意味します。クライアント側はローカルに格納されたユーザートークンを取得し、自動認証が行われ、クライアント側でわずかに異なるDOMがレンダリングされます。論理はOKですよね？しかし、どのように私はこのエラーをポップアップを停止させるのですか？サー

7熱

1答えて

同形（React/Redux/Express/Mongo）アプリケーションのデータモデルとビジネスロジック

私は最近、React-Redux-Express-Mongooseスタックを使用していくつかの等身大/ユニバーサルプロジェクトを構築しました。私のマングースモデルには、多くのビジネスロジックが含まれています。非常に基本的な例（言い訳私のES6）のよう： import mongoose, {Schema} from 'mongoose'; const UserSchema = new Sche

1熱

1答えて

サーバ側のanglejsレンダリングasp.net

私はフロントエンドにはanglejsフレームワーク、バックエンドにはasp net mvcを使用してWebアプリケーションを開発しました。あなたが知っているように、それはSEOになると、angularjsは大きな欠陥があります。 phantomjsを使用してウェブサイトのスナップショットを作成し、元のウェブサイトの代わりにbotを検索するなどのいくつかのソリューションがあります。しかし、私はそのよ

15熱

4答えて

Isomorphic Reduxアプリケーションでcookieを設定する場所は？

私はReduxのと同型アプリケーションに関する3つの一般的な質問がある：クライアントとサーバ間の「実行時のデータを共有するための最良の方法は何ですか？たとえば、ユーザーが離れたAPIにログインしたときに、セッションオブジェクトをCookieに格納します。このようにして次回はクライアントがフロントエンドをリクエストした場合、フロントエンドサーバーはクッキーを読み取り、それ以前のセッションでred