タグ付けされた質問 「flux」

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 昨年休業。 ロックされています。質問はトピックから外れていますが、歴史的に重要であるため、この質問とその回答はロックされています。現在、新しい回答や相互作用を受け入れていません。 私はこの答えを読んで、ボイラープレートを減らし、GitHubの例をいくつか見て、少しやり直してみました（todoアプリ）。 私が理解しているように、公式のredux doc動機は、従来のMVCアーキテクチャと比較して長所を提供します。しかし、それは質問に対する答えを提供しません： Facebook FluxではなくReduxを使用する理由 それはプログラミングスタイルの問題だけですか？機能か非機能か？または、問題はreduxアプローチから続く能力/開発ツールにありますか？たぶんスケーリング？またはテスト？ reduxは関数型言語から来た人々にとって流動的なものだと言ってもよろしいですか？ この質問に答えるために、実装の複雑さを比較することができます。 公式のredux docモチベーションのモチベーションポイントは次のとおりです。 楽観的な更新の処理（私が理解しているように、5番目の点にほとんど依存しません。Facebookの変化に実装するのは難しいですか？） サーバーでのレンダリング（facebookフラックスでもこれを行うことができます。reduxと比較して何か利点はありますか？） ルート遷移を実行する前にデータを取得する（facebookフラックスではなぜそれができないのですか？利点は何ですか？） ホットリロード（React Hot Reloadで可能です。なぜreduxが必要なのですか？） 元に戻す/やり直し機能 その他のポイントは？持続する状態のように...

1126 javascript  reactjs  reactjs-flux  flux  redux 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？質問を更新して、事実と引用で回答できるようにします。この投稿を編集。 昨年休業。 この質問を改善する 最近Reduxを発見しました。それはすべてよさそうだ。FluxではなくReduxを使用することの欠点、落とし穴、妥協点はありますか？ありがとう

243 reactjs  redux  flux  reactjs-flux 

Reduxに移行します。 私のアプリケーションは多くのパーツ（ページ、コンポーネント）で構成されているため、多くのレデューサーを作成したいと考えています。Reduxの例は、combineReducers()1つのレデューサーを生成するために使用する必要があることを示しています。 また、私が理解しているように、Reduxアプリケーションは1つのストアを持つ必要があり、アプリケーションが起動すると作成されます。ストアが作成されているときに、結合したレデューサーを渡す必要があります。アプリケーションが大きすぎない場合、これは理にかなっています。 しかし、複数のJavaScriptバンドルをビルドするとどうなりますか？たとえば、アプリケーションの各ページには独自のバンドルがあります。この場合、結合された1つの減速機は良くないと思います。Reduxのソースを調べたところ、replaceReducer()機能が見つかりました。私が欲しいもののようです。 アプリケーションの各部分に結合されたレデューサーを作成し、アプリケーションのreplaceReducer()部分間を移動するときに使用できます。 これは良いアプローチですか？

187 javascript  flux  redux  code-splitting 

最大の利点の一つReact.jsをすることになっているサーバー側のレンダリング。問題は、主要な機能React.renderComponentToString()が同期的であり、コンポーネント階層がサーバー上でレンダリングされるときに非同期データをロードできないことです。 コメント用の汎用コンポーネントがあり、ページのどこにでもドロップできるとしましょう。プロパティは1つだけで、なんらかの識別子（コメントが配置されている記事のIDなど）とその他すべてはコンポーネント自体（コメントの読み込み、追加、管理）によって処理されます。 Fluxアーキテクチャは、多くのことがはるかに簡単になり、そのストアがサーバーとクライアントの間で状態を共有するのに最適であるため、本当に気に入っています。コメントを含むストアを初期化したら、それをシリアル化してサーバーからクライアントに送信し、簡単に復元できます。 問題は、私のストアにデータを追加するための最良の方法は何ですか。過去数日間、私は多くのことをグググルグしていて、いくつかの戦略に出くわしましたが、Reactのこの機能がどれだけ「促進」されているかを考えると、どれも本当に良いようには見えませんでした。 私の意見では、最も簡単な方法は、実際のレンダリングが始まる前にすべてのストアにデータを取り込むことです。これは、コンポーネント階層の外側のどこかを意味します（たとえば、ルーターにフックされています）。このアプローチの問題は、ページ構造をほぼ2回定義する必要があることです。たとえば、多くの異なるコンポーネント（実際のブログ投稿、コメント、関連投稿、最新の投稿、Twitterストリーム...）を含むブログページなど、より複雑なページを考えてみます。Reactコンポーネントを使用してページ構造を設計する必要があり、それから別の場所で、この現在のページに必要な各ストアにデータを取り込むプロセスを定義する必要があります。それは私にとって良い解決策のようには思えません。残念ながら、ほとんどの同形のチュートリアルはこのように設計されています（たとえば、この素晴らしいflux-tutorial）。 React-async。このアプローチは完璧です。これにより、各コンポーネントの特別な関数で状態を初期化する方法（同期か非同期かは関係ありません）を簡単に定義でき、階層がHTMLにレンダリングされるときにこれらの関数が呼び出されます。これは、状態が完全に初期化されるまでコンポーネントがレンダリングされないように機能します。問題は繊維が必要なことですこれは、私が理解している限り、標準のJavaScriptの動作を変更するNode.js拡張機能です。結果は本当に気に入っていますが、解決策を見つけるのではなく、ゲームのルールを変更したようです。そして、React.jsのこのコア機能を使用するためにこれを強制される必要はありません。このソリューションの一般的なサポートについてもわかりません。標準のNode.js Webホスティングでファイバーを使用することは可能ですか？ 私は少し独りで考えていました。実装の詳細についてはあまり考えていませんが、一般的な考え方は、コンポーネントをReact-asyncと同じように拡張し、ルートコンポーネントでReact.renderComponentToString（）を繰り返し呼び出すというものです。各パスの間に、拡張コールバックを収集し、パスのandでそれらを呼び出して、ストアにデータを取り込みます。現在のコンポーネント階層に必要なすべてのストアにデータが入力されるまで、この手順を繰り返します。解決しなければならないことがたくさんあり、特にパフォーマンスについてはよくわかりません。 私は何か見落としてますか？別のアプローチ/解決策はありますか？現在、react-async / fibersの方法を検討していますが、2番目のポイントで説明したように、完全にはわかりません。 GitHubに関する関連ディスカッション。どうやら、公式なアプローチもソリューションもありません。おそらく本当の問題は、Reactコンポーネントがどのように使用されることが意図されているかです。シンプルなビューレイヤー（かなり私の提案の1番目）のように、または実際の独立したスタンドアロンコンポーネントのように？

114 node.js  reactjs  flux  reactjs-flux 

this.setState()reduxを使用するときに使用する必要がありますか？それとも、あなたは常に行動を派遣し、小道具に依存している必要がありますか？

111 reactjs  flux  redux 

私はreact.jsの初心者です。サーバーからデータをフェッチして次のように使用する1つのコンポーネントを実装しました。 CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the enterprises' //}); }); }, Urlを構成ファイルに保存したいので、これをテストサーバーまたはプロダクションに展開したときに、jsファイルではなく構成ファイルのURLを変更する必要がありますが、react.jsで構成ファイルを使用する方法がわかりません 誰でも私にこれをどのように達成できるかを教えてくれますか？

101 javascript  reactjs  configuration  webpack  flux 

ReactJSを使用していますが、アプリの一部にきれいに印刷されたJSONが必要です。 次のようなJSONを取得します。これをブラウザーコンソールで{ "foo": 1, "bar": 2 }実行するとJSON.stringify(obj, null, 4)、かなり印刷されますが、この反応スニペットで使用すると、次のようになります。 render: function() { var json = this.getStateFromFlux().json; return ( <div> <JsonSubmitter onSubmit={this.onSubmit} /> { JSON.stringify(json, null, 2) } </div> ); }, のように見えるグロスJSONをレンダリングします"{ \"foo\" : 2, \"bar\": 2}\n"。 これらの文字を正しく解釈するにはどうすればよいですか？{{

97 javascript  json  reactjs  flux 

Reduxドキュメントの最初の原則は次のとおりです。 アプリケーション全体の状態は、単一のストア内のオブジェクトツリーに保存されます。 そして、私は実際に私がすべての校長をよく理解していると思いました。しかし、私は今、アプリケーションが何を意味するのか混乱しています。 アプリケーションがウェブサイトの少し複雑な部分の1つにすぎず、1ページで機能する場合、私は理解しています。しかし、アプリケーションがWebサイト全体を意味する場合はどうでしょうか。状態ツリーを維持するためにLocalStorageやCookieなどを使用する必要がありますか？しかし、ブラウザがLocalStorageをサポートしていない場合はどうなりますか？ 開発者がどのように状態ツリーを保持しているか知りたいです！:)

92 reactjs  redux  flux