問題タブ [react.rb]

したがって、私は基本的に npm/react.js (react.rb は言うまでもなく) エコシステム全体にまだかなり慣れていないので、gatsby 静的サイト ジェネレーターで reactrb を使用できるかどうか疑問に思っています。

私は opal-webpack を通じて opal/reactrb のサポートを得ようとしてきましたが、いくつかの問題が発生しています (バックストーリーについては、この問題を参照してください https://github.com/cj/opal-webpack/issues/36 )。特に行き詰まったのは、バンドラーでうまく動作するようにすることでした。

reactrb コンポーネントを gatsby と組み合わせることは、実現可能ですか? 答えがイエスであることを願っています。

プロジェクトに react.rb を追加する際に問題があります。

最初に、 追加のすべての手順reactive_rails_generatorが完了し、アプリを起動した後、エラーが発生しました:

アプリ/ビュー/レイアウト/グリッド/layout.html.erb:15:

react.rb を使用するには、Gemfile 内に gem が必要です。

誰でもそれを手伝ってもらえますか？

次に、 rake タスク メッセージがあります。

またはをregister_mime_type使用して MIME タイプを登録してください。 https://github.com/rails/sprockets/blob/master/guides/extending_sprockets.md#supporting-all-versions-of-sprockets-in-processors (/Users/serzh/.rvm/gems/ruby から呼び出されます) -2.3.1@global/gems/opal-0.8.0/lib/opal/sprockets/processor.rb:165) 非推奨警告: Sprockets メソッドは非推奨です。またはを使用して MIME タイプを登録してください。 https://github.com/rails/sprockets/blob/master/guides/extending_sprockets.md#supporting-all-versions-of-sprockets-in-processors (/Users/serzh/.rvm/gems/ruby から呼び出されます) -2.3.1@global/gems/opal-0.8.0/lib/opal/sprockets/processor.rb:166) 非推奨警告: Sprockets メソッドregister_compressorregister_transformerregister_engineregister_mime_typeregister_compressorregister_transformerregister_engine廃止されました。またはをregister_mime_type使用して MIME タイプを登録してください。 https://github.com/rails/sprockets/blob/master/guides/extending_sprockets.md#supporting-all-versions-of-sprockets-in-processors (/Users/serzh/.rvm/gems/ruby から呼び出されます) -2.3.1@global/gems/opal-0.8.0/lib/opal/sprockets/erb.rb:23)register_compressorregister_transformer

トップレベルのReactrbコンポーネントで読み込み状態を処理する最良の方法を誰かが教えてくれることを願っています.Reactive Recordを介したデータの遅延読み込みです.

私のゴールは、最上位コンポーネントが待機状態を表示し、その子コンポーネントがレンダリングに必要なデータを取得してから、コンポーネント全体をすばやくレンダリングすることです。ロードするデータが大量にある場合に「ぎくしゃくした」エクスペリエンスが作成されるため、子コンポーネントを使用した個々の待機状態は望ましくありません。

この例を考えると：

everything_loaded を取得するにはどうすればよいですか? コンポーネントがすばやくスムーズに描画されるように、すべての投稿とすべてのコメントが読み込まれたことを確認する方法は?

すべてのヘルプは大歓迎です。ありがとうございました

Synchromesh で Reactive Record の関連付けを更新するにはどうすればよいですか?

次のモデルを検討する場合:

すべての投稿とコメントをレンダリングするコンポーネント:

私が見ている動作は、投稿またはコメントへの更新がクライアントに正しくプッシュされ、コンポーネントが更新を正しくレンダリングすることです。

ただし、新しい Thing が作成された場合 (Todo がレンダリングされている場合)、新しいレコードはプッシュ通知として届きますが、Thing のリストは動的に更新されません。(ページを更新すると、新しい Thing がレンダリングされます)。

Todo にスコープを追加しようとしましたが、違いはありません。

Todo に属する新しい Thing を ReactiveRecord と Synchromesh に認識させる最良の方法は何ですか?

反応レコードでReactRBを使用しようとしています。

したがって、取引はレンダリング部分にあると思います。React Component クラスで設定param :user, type: Userしているときに、テーブルにデータが表示されません。もちろん、ReactRB でのこの要件として、パブリック フォルダーのモデル ユーザー。

さて、コンソールでは、サーバーが何も取得していないことがわかりますが、正しいデータが返されました.

私は何が欠けていますか？助けてくれてありがとう！

答えの鍵は このスクリーンショットにあります

詳細は、json blob リアクティブ レコードがデコードするときにデータがサーバーから返されることですが、単純な文字列を json 解析しようとするとエラーが発生するという事実に基づいています。opal 0.10 では標準エラーが発生しなくなったため、すべてがハングアップします。