問題タブ [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.

0 投票する
1 に答える
91 参照

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 ドライバーを使用する例を誰かが示すことができますか?

0 投票する
1 に答える
222 参照

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 オブジェクトに興味がありますが、オブジェクトであるためマップできません。このような状況に対処するにはどうすればよいですか? 以下は私が持っているコードです

0 投票する
2 に答える
566 参照

javascript - cycle.jsでフォームフィールドをデフォルト値にリセットする方法

以下に示すような、cycle.js とリアクティブ xstream ライブラリを使用したコードがあります。これは、送信時に値が ap タグでレンダリングされるフォーム フィールドで構成されます。質問は次のとおりです。 1. フォームの送信時に、フォームの入力フィールドをデフォルト値にリセットするにはどうすればよいですか? 2.送信後にinput$およびsubmit$ストリームを初期値にリセットする方法はありますか?

このようなフォームを作成するより良い方法はありますか? PS formIntent 関数の出力は、formView 関数の入力に供給されます。

0 投票する
1 に答える
112 参照

javascript - CycleJS で要素を動的に作成する

私はいくつかの CycleJS を学ぼうとしていますが、これを正確にどうすればよいかわかりませんでした。目標は、手動で宣言するのではなく、構成を介して入力を作成することです。問題は、両方ではなく、配列からの最後の入力のみがレンダリングされることです。エラーがview$にあり、ストリームをどのように扱っているかを想定しています。私の単純な実装は次のとおりです。

Main.js

ありがとう!

0 投票する
2 に答える
234 参照

eventemitter - CycleJsでeventemitter3をインターゲートする方法

pixijs は、ハンドラー スプライト イベントに eventemitter3 を使用します。例えば

スプライトをリッスンするイベントを処理するためにドライバーを作成する方法を考えています。

0 投票する
1 に答える
77 参照

javascript - 最後のリセットイベントが機能しないまでボタンクリックイベントをドロップする

cycle.js と xstream を使用して、ボタンのクリックをカウントしてリセットしたいと思います。

最後のリセット後にすべてのボタンクリックをカウントすることで、これを達成することを計画していました. これを行うために、最後のリセットまですべてのボタンクリックをドロップし、残っているものをカウントすることを考えました.

ただし、機能しないボタンが2つ残っています

何かアドバイス?

0 投票する
1 に答える
212 参照

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 で実行しています。さらに情報が必要な場合はお知らせください。

0 投票する
1 に答える
237 参照

javascript - 値を持つ Cyclejs とトリガー イベント

cyclejs とリアクティブ プログラミングを学習しようとしていますが、イベントを値で管理する方法がわかりません。

たとえば、次のような数学演算を行う 4 つの関数を作成する必要があります。

  • 添加
  • 引き算
  • 分割
  • 乗算

これが私が持っているコードです:

それはまったく機能せず、自分がどこで間違っているのか頭の中で理解できません。

簡単な説明を探しています。これを機能させるにはどうすればよいですか? secondNumber$ と firstNumber$ のストリームのマージが正しくないように感じ、その理由がわかりません..

何か案が ?

編集:使用していた演算子を使用するべきではなく、withLatestFrom を使用する必要があることがわかりました。

実際のところ、私は xstream を使用しているため、マップ / フラット化する必要があります。

今から、コードが何をすべきかを念頭に置いて、操作をクリックするたびにマッピングし、2 つの input$ をフラットにして、ボタンをクリックしたときにのみ結果を取得します。

実際のところ、結果の値はクリックではなく入力で変化します。さらに重要なことは、追加ボタンを最初にクリックした後にのみ、入力時に変更されることです。

今回は何が間違っていますか?

返信ありがとうございます

0 投票する
1 に答える
240 参照

cyclejs - CycleJS HTTPDriver から API エラー応答を取得する

xstream で CycleJS を試していますが、エラー (422 など) を救出し、HTTP ドライバーから JSON 応答を取得する方法が見つかりません。

replaceErrorエラーから救うために、次のように動作するように見えるxstream を使用しています。

しかし、API はユーザーに表示したいエラー メッセージを返し、デフォルト オブジェクトに置き換えると失われます。設定されている唯一のプロパティresponse$は、実際の要求データです。

バージョン:

どんなアイデアでも大歓迎です!

0 投票する
2 に答える
202 参照

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: コードの要旨