問題タブ [martyjs]
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 - martyjs コンテナの操作方法
作業を始めたばかりでmartyjs、直面している問題は、マーティ コンポーネント コンテナーから React コンポーネントをレンダリングできないことです。ストアは機能しているように見えましたがmartyjs、ストアが変更された後、コンポーネント コンテナーは変更されません。console.logこのコードを機能させるために何を書くべきかについて、ここでいくつかのガイダンスが必要です。
これは私の現在のコードです:
この問題についてここでいくつかの説明が必要です。
express - Webpack のホット リロード サーバー機能と react-routing を組み合わせるために、express.js サーバーにプロキシが必要なのはなぜですか。
オプションの情報:このプロジェクトをmarty.jsとwebpack dev サーバーでビルドして、 react-routerからのエントリ ポイントを許可し、\ パス以外でも機能するようにしようとしています。
したがって、私はこのスタックオーバーフローの回答を一日中勉強していますが、次のコードの背後にあるロジックと、この回答が機能する理由を理解できません。
レトジはこう答えました。
これを実現するためにプロキシを設定しました：
アセット ルートを除き、すべてのルートで index.html を提供する通常のエクスプレス Web サーバーがあります。アセットの場合、リクエストは web-dev-server にプロキシされます
反応するホット エントリポイントは引き続き webpack dev サーバーを直接指すため、ホット リロードは引き続き機能します。
8081 で webpack-dev-server を実行し、8080 でプロキシを実行すると仮定しましょう。
私のコードは今このように見えますが、それを機能させるために後でmarty-expressを実装する必要があります。それを実装するには、まず retonzis の回答を理解する必要があります。
express.js ファイル
要件
プロキシー
マーティエクスプレス**
この例を理解したらすぐにそれを使用する予定です.react-routesをexpressに渡すことを願っています.**
ものを表現する
2 つのサーバー webpack-dev-server と express
私が昨日惑星火星から降りてきたように、誰かが私にこの概念を説明するのに十分親切でしょうか?
私は2つのことを理解できません：
- プロキシが必要な理由
- 反応ルートをエクスプレスに渡して、要求されたときに各ルートでそれらを提供する方法。 (おそらく marty -expressがその作業に役立ちますが、それがなくても手動で行うことができると思います)
ああ...このドキュメンテーションの不足地獄から抜け出すのを手伝ってください!!! そして、あなたの答えを寛大にしてください..覚えておいてください、私は昨日火星から来たばかりです。
ありがとうございました..！
javascript - Flux でステートフル DOM 要素を処理する方法
HTML5 タグをラップする React メディア プレーヤー コンポーネントの構築に取り組んでい<video>ます。そのタグとその DOM イベントが Flux アーキテクチャでどのように機能するのか疑問に思っています。
Flux では、コンポーネントがリッスンする Store が真の情報源ですが、<video>タグなどの一部の要素では、DOM 自体がpausedorなどの状態を維持しcurrentTimeます。その状態と私のストアの状態をどのように調和させますか?
これまでのところ、PlayerコンポーネントとPlayerStore. DOM イベントが発生すると、ストアがその状態を維持できるように、 、、<video>などの Flux アクションをディスパッチして更新を提供してきました。同様に、私自身のカスタム プレーヤー コントロールも同じアクションをディスパッチしますが、元のイベントがイベントではなくコントロールからのものである場合にのみ、要素の状態を「設定」する方法がわかりません。つまり、たとえば次のようなループにはまりたくありません。handlePlayhandlePausehandleTimeUpdatePlayerStore<video><video>
- は
<video>「my timecode changed」DOM イベントを送信します - コンポーネントは DOM イベントを受け取り、アクションをディスパッチします
- ストアはアクションを受け取り、新しいタイムコードで自身を更新します
- Store をリッスンしているコンポーネントは、変更を聞き取り、(何らかの方法で)
<video>要素に新しいタイムコードを設定します。ただし、<video>要素は変更を既に認識しているため、変更する理由はありません。数ミリ秒前に最初にトリガーした要素です。
そのようなコンポーネントにどのようにアプローチしますか?