問題タブ [cyclejs]
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.
javascript - CycleJS の Cookie ドライバーの使用方法
ブラウザー (私の場合は Chrome) の Cookie にトークンを保存する必要があります。https://github.com/10clouds/cyclejs-cookieこのリソースを見つけて、バージョン 0.5.0 をインストールしました。Cookie に何かを設定すると、次のようなエラーが表示されます。
_cookie_js2.default.set は関数ではありません (無名関数)
クロムでデバッグすると、cookie_js2.default の下にオブジェクト Cookie があり、この下に関数が設定されていることがわかります。誰でもこのドライバーを使用しようとすることはできますか?
または、サイクル js に Cookie ドライバーを使用する例を誰かが示すことができますか?
rxjs - RxJS での JSON オブジェクトの処理
私は一般的にcyclejsとrxjsに不慣れで、誰かが私の問題を解決するのを手伝ってくれることを望んでいました. 私の理解のためにデモアプリケーションを構築しようとしていますが、DOM で JSON オブジェクトをレンダリングすることに固執しています。
- 私のデモ アプリケーションは、過去 7 日間の NASA 地球近傍オブジェクト API を呼び出し、それらを表示しようとします。
- 下部にボタンがあり
Load More
、クリックすると過去 7 日間 ( まで ) のデータが読み込まれToday - 7
ますToday - 14
。 API から得られる応答は次のとおりです。
{ "links" : { "next" : "https://api.nasa.gov/neo/rest/v1/feed?start_date=2016-09-06&end_date=2016-09-12&detailed=false&api_key=DEMO_KEY", "prev" : "https://api.nasa.gov/neo/rest/v1/feed?start_date=2016-08-25&end_date=2016-08-31&detailed=false&api_key=DEMO_KEY", "self" : "https://api.nasa.gov/neo/rest/v1/feed?start_date=2016-08-31&end_date=2016-09-06&detailed=false&api_key=DEMO_KEY" }, "element_count" : 39, "near_earth_objects" : { "2016-09-06" : [{ some data }, { some data }], 2016-08-31: [{...}], ... } }
near_earth_objects JSON オブジェクトに興味がありますが、オブジェクトであるためマップできません。このような状況に対処するにはどうすればよいですか? 以下は私が持っているコードです
javascript - cycle.jsでフォームフィールドをデフォルト値にリセットする方法
以下に示すような、cycle.js とリアクティブ xstream ライブラリを使用したコードがあります。これは、送信時に値が ap タグでレンダリングされるフォーム フィールドで構成されます。質問は次のとおりです。 1. フォームの送信時に、フォームの入力フィールドをデフォルト値にリセットするにはどうすればよいですか? 2.送信後にinput$およびsubmit$ストリームを初期値にリセットする方法はありますか?
このようなフォームを作成するより良い方法はありますか? PS formIntent 関数の出力は、formView 関数の入力に供給されます。
javascript - CycleJS で要素を動的に作成する
私はいくつかの CycleJS を学ぼうとしていますが、これを正確にどうすればよいかわかりませんでした。目標は、手動で宣言するのではなく、構成を介して入力を作成することです。問題は、両方ではなく、配列からの最後の入力のみがレンダリングされることです。エラーがview$にあり、ストリームをどのように扱っているかを想定しています。私の単純な実装は次のとおりです。
Main.js
ありがとう!
eventemitter - CycleJsでeventemitter3をインターゲートする方法
pixijs は、ハンドラー スプライト イベントに eventemitter3 を使用します。例えば
スプライトをリッスンするイベントを処理するためにドライバーを作成する方法を考えています。
javascript - 最後のリセットイベントが機能しないまでボタンクリックイベントをドロップする
cycle.js と xstream を使用して、ボタンのクリックをカウントしてリセットしたいと思います。
最後のリセット後にすべてのボタンクリックをカウントすることで、これを達成することを計画していました. これを行うために、最後のリセットまですべてのボタンクリックをドロップし、残っているものをカウントすることを考えました.
ただし、機能しないボタンが2つ残っています
何かアドバイス?
javascript - サーバーでのレンダリング時に同形 Cycle.js アプリで xstream 例外が発生するのはなぜですか?
デモ同形のCycle.js / Hapi.jsアプリを作成しようとしていますが、サーバーでのレンダリング中に xstream で例外が発生して失敗します。ここで何がうまくいかないのですか?Cycle.js の isomorphic app exampleに基づいてアプリを作成しました。
トレースバックは次のようになります。
レンダリング コードは基本的に次のようになります。
完全なソース コードはここにあります。
Node v6.6.0、babel-node 6.14.0、Hapi 15.0.3、@cycle/dom 12.2.5、および @cycle/xstream-run 3.1.0 を使用して OS X で実行しています。さらに情報が必要な場合はお知らせください。
javascript - 値を持つ Cyclejs とトリガー イベント
cyclejs とリアクティブ プログラミングを学習しようとしていますが、イベントを値で管理する方法がわかりません。
たとえば、次のような数学演算を行う 4 つの関数を作成する必要があります。
- 添加
- 引き算
- 分割
- 乗算
これが私が持っているコードです:
それはまったく機能せず、自分がどこで間違っているのか頭の中で理解できません。
簡単な説明を探しています。これを機能させるにはどうすればよいですか? secondNumber$ と firstNumber$ のストリームのマージが正しくないように感じ、その理由がわかりません..
何か案が ?
編集:使用していた演算子を使用するべきではなく、withLatestFrom を使用する必要があることがわかりました。
実際のところ、私は xstream を使用しているため、マップ / フラット化する必要があります。
今から、コードが何をすべきかを念頭に置いて、操作をクリックするたびにマッピングし、2 つの input$ をフラットにして、ボタンをクリックしたときにのみ結果を取得します。
実際のところ、結果の値はクリックではなく入力で変化します。さらに重要なことは、追加ボタンを最初にクリックした後にのみ、入力時に変更されることです。
今回は何が間違っていますか?
返信ありがとうございます
cyclejs - CycleJS HTTPDriver から API エラー応答を取得する
xstream で CycleJS を試していますが、エラー (422 など) を救出し、HTTP ドライバーから JSON 応答を取得する方法が見つかりません。
replaceError
エラーから救うために、次のように動作するように見えるxstream を使用しています。
しかし、API はユーザーに表示したいエラー メッセージを返し、デフォルト オブジェクトに置き換えると失われます。設定されている唯一のプロパティresponse$
は、実際の要求データです。
バージョン:
どんなアイデアでも大歓迎です!
cyclejs - Cycle.js/xstream クリック イベントは 1 回ストリーミングされましたが、2 回発生しました
ページには単一のボタン要素があり、次のクリック ストリームがあります。
ボタンをクリックするtrue
とログに記録されますが、これは正しいです。
ただし、ストリームをマップすると、内部のコードが 2 回実行されます。
他のイベント ハンドラーをボタンにアタッチする必要はなく、要素自体は div 内に配置されます。
通常のと は違いはevent.preventDefault()
ありevent.stopPropagation()
ません。イベントを調べると、同じ要素から起動されていることがわかりますbutton.btn--add
。
何が起こっているのかよくわかりませんが、どんなアイデアでも大歓迎です! ありがとう!
バージョン:
更新 1: 3 回チェックしましたが、JS ファイルが 2 回読み込まれることはありません。ページにロードされる単一のファイルをバンドルする Webpack を使用しapp.js
ています (Elixir/Phoenix アプリ)。また、Chrome の Developer Tools のタブでボタンを調べると、Event Listeners
処理されたイベントが 1 つだけ添付されているようです。
更新 2: コードの要旨