問題タブ [scalajs-react]

メソッドcomponentDidMountで定義されたボタンクリックハンドラーの内部でも実行する必要がある状態変更タスクがいくつかあります。renderSタスクには多くの共通コードがあるため、スコープを受け取り、必要なアクションを適用する 1 つのクラス内にそれらを結合することにしました。

問題は次のとおりです：renderSメソッド内で私はアクセスできComponentScopeU[...]、内部でcomponentDidMount私は持っていますComponentScopeM[...]

アクセス.propsするにはスコープにスーパートレイトがあることを確認する必要があり、スコープにアクセスするにはスーパートレイトが必要であり、暗黙ComponentScope_P[...]的にパスする必要があることを確認しました。.stateComponentScope_S[...].modStateCompStateAccess[...]

だから現在、私はこのようなコードを持っています

それは機能していますが、これをどのように単純化できるのだろうか、つまり、props\state に内部renderSおよびcomponentDidMount共通コードを介してアクセスするにはどうすればよいでしょうか?

sbt-scalajs プラグインを使用して scalajs の依存関係を除外するには?

次のライブラリをインポートしようとしています

しかし、このライブラリは、私のプロジェクトに既にある他の依存関係 (「react」と「react-bootstrap」) をダウンロードしており、バージョンの衝突が発生しています。

除外機能を使ってみた

しかし、これでは / "react-bootstrap-datetimepicker.js" をコマンドに追加できません。

私が得る例外は次のとおりです。

大量のjsコードと依存関係をどのように処理app-jsdeps.jsしますか?app-opt.jsScala.js React applications

@ochrons spa-tutorial の例を使用して @japgolly scalajs-reactを使用して最初の Web アプリケーションを構築しましたが、最適化した後でも、ページが読み込まれる前にダウンロードするのに時間がかかるサイズとファイルです。app-jsdeps.js (only 10 external JS deps)app-opt.js900kb8 seconds

この状況で私たちは通常何をしますか?

• アプリをサーバー上の複数の html ページに分割しますか?各ページには独自のapp-jsdeps.jsファイルapp-opt.jsがあり、各ページの新しい React-router を意味しますか?
• それとも、app-jsdeps.jsandapp-opt.jsを複数のファイルに分割して、ダウンロードが 1 つの大きなチャンクではなく同時に行われるようにしますか?

ReactComponentB オブジェクトの scalajs-react scalatags に転写した既存の HTML ページがありますが、出力は元の HTML とは少し異なります。元の HTML と比較できるように、ReactComponentB から HTML をレンダリングする方法はありますか?

一般的な Scala-JS ページ構築のアドバイスが必要です。ほとんどの例は、単一ページ アプリケーションが入るメインがランディング ページの html ファイルのタグの間にあるパターンのようです。DOM のメタ領域に何かを挿入する必要がある場合、どのように処理しますか? これを実現するには、ランディング ページをサーバーから動的にレンダリングする必要がありますか? 私の特定のニーズは、既に定義されている静的 html ページのメタ領域にスクリプト タグを挿入することです。私はscalajs-reactを使用しています。

基本的に、私は便利な react-bootstrap ラッパーを探しています。さまざまな可能性を検討しているときに、この github projectを見つけました。それらをフォークして、バージョンの更新を開始しました。しかし、scalajs-react のバージョンを 0.8.1 から 0.9.2 に更新した後、html.Element と dom.Element の轍にはまってしまいました。

スコープにオブジェクト呼び出し getDOMNode() を追加

以前の domNode は拡張されてtype TopNode = html.Elementいましたが、最新バージョンの domNode 拡張type TopNode = dom.Elementでは、'className'、'offsetHeight'、'style' などの値がありません。そのため、コンパイルに失敗します

最新のscalajs-reactバージョンでどのように管理できますか? (私が理解しているように、この機能は別のプロジェクト 'scalajs-dom' に移動されました)

これらの Scala.js React.js ライブラリの違いは何ですか? また、どちらか一方を選択する必要があるのはなぜですか?

1. Xored Scalajs-react - 最後のコミットは 8 か月前です。だから、開発はもう活発ではないと思います。
2. Scalajs-react - 非常にアクティブで完全であり, カスタム URL ルーターが付属しています. しかし、API は実際の Javascript React コードの記述方法から離れているようであり、React-native のサポートはなく、Scalaz と Monocle の追加によりライブラリが肥大化し、ブラウザーがダウンロードする必要がある Javascript のサイズが増加します。ドキュメントには Scalaz と Monocle がオプトインされていると書かれているので、デフォルトでは Scalaz と Monocle は除外されているのではないでしょうか? 個人的には、このライブラリは React.js コードの非常に単純なファサードであり、新しいバージョンの React.js への更新が容易になると感じています。単純なファサードではないということは、より多くの Javascript コードが生成されることを意味します。ブラウザがダウンロードする必要があるコード。ここで間違っているかもしれません。訂正してください。
3. SRI - Newcomer とファサードは非常に完全に見え、Web、Relay、および React ネイティブをサポートしていますが、URL ルーターのサポートと DOM DSL はありません。ファサード API は非常に無駄がなく、Javascript React.js コードを記述するのと非常によく似ています。しかし、それはかなり新しく、本番環境に対応していない可能性がありますか?

ここで選択するオプションが多すぎるため、間違っている場合は訂正してください。Scala.js で React.js コードを記述する方法が 1 つあればいいのにと思います。

私はscalajs-dom v 0.8.1を使用しており、SBTプロジェクト内でwebjarを混在させようとしています。これを行うと、理解できない最終的なあいまいな JS 参照が 1 つ得られます。使用したい webjars (jquery v 2.1.4 を含む) と scala-js の間にあると思います。ManifestFilters SBT フィルターを使用してみましたが、役に立たないようです (または、正しい構文がわかりません)。この種のエラーをデバッグする便利な方法はありますか? (「fastOptJS」タスクを発行したときの SBT 出力については、以下を参照してください)

小さな問題があります。upickle lib を使用しようとしています。"com.lihaoyi" %%% "upickle" % "0.3.6" として sharedDependencies に含めました。何らかの理由で、サーバー プロジェクトに upickle をインポートできますが、クライアント プロジェクトではまだ使用できません。私は何が間違っているのか理解しようとしています。ここでscala-react-spaチュートリアルに従っています