問題タブ [reactjs]

シングル ページ アプリケーション(SPA) が登場しました。それに伴い、ルーティング、クライアント側のページ ライフ サイクル、MVC パターン、MVVM パターン、MV* パターンなど、多くの新しい機能が追加されます。AMD パターン、Singleton、Facadeなどの Javascript パターンも登場します。 、..

多くの SPA フレームワークとライブラリも開発されました。その一部はインターネットで調べることができます。それらはAngularJs、Reactjs、BackboneJs、DurandalJs 、.. およびRequireJs、Amplifyjs、BreezeJsなどの Javascript コーディングをより簡単にする多くのサードパーティ コンポーネントです。

しかし、なぜSPAが必要なのですか？Web アプリケーションの開発において、いくつかの新しい複雑なものが導入されているように見えるからです。SPA にもかかわらず、従来の Web アプリケーションを使用して、各ページをロードするたびにリクエストを行うことができます。モバイルで簡単に実行でき、新しい Web アプリケーション開発のトレンドに適応できるという利点があるだけです。誰かがそれについてもっと明確に説明できますか?

もう1つ、SPAを1つだけ構成するために多くのサードパーティ製コンポーネントを使用する場合. では、この Web アプリケーションの一貫性は保たれているでしょうか? Web アプリケーション内の巨大なコンポーネントを維持するには、複雑にする必要があると思います。それについてどう思いますか？

すべての提案を歓迎します。

私は Facebook のreact.jsライブラリをいじっています。次の方法でビューを作成することを説明する JSX 構文を使用しようとしています。

JSLint は明らかにこれを好まない (「識別子を予期したが、代わりに ' <'; を見た」 - JavaScript 構文エラー)。

onChange子コンポーネントのイベントにバインドするメソッドを持つコンポーネントがあります。手短に：

テスト中に、チェックボックスの値を変更してchangeイベントをトリガーしたい。私のテストは次のようになります (mocha.js + expect.js を使用):

残念ながら、このテストを機能させるための解決策はありません。それを機能させる方法はありますか？

jsfiddle スニペット

1 つのタスクを完了した後でのみ、次のタスクが有効になるtodo リストを作成しようとしています(終了時にチェックを入れるため)。

これが私がこれまでに持っているものです：

次のボタンはまだ無効になっておらず、一般的に何か間違っていると感じています（反応する「禅」に従っていません）。

ところで: ユーザーがトリガーせずに dom 要素の状態を変更するにはどうすればよいですか? 私が使用すべきIDはありますか？

React.js を使用してタイマーを表示する Html ファイルの実行中に、Internet Explorer でこのエラーが発生する

これが見える場合、React は正しく動作していません。GitHub からソースをチェックアウトした場合は、必ず grunt を実行してください。

Googleで解決策を検索しようとしましたが、何も得られませんでした。

以下のコードはReact、DOM を動的に更新する からのものです。私は Facebook react によるチュートリアルを使用しましたが、コード全体、つまり、コードのどの部分がいつどのように実行され、コードの残りの部分がどのようにトリガーされるかを理解していませんでした。コードを理解するのを手伝ってください。

上記のコードは、DOM 構造を動的に更新するために使用されます。このコードはhttp://facebook.github.io/react/から参照されているので、コードの作業手順を知るのに役立ちます。

私は最近、「React」と呼ばれる JavaScript 用の Facebook/Instagram のアプリ フレームワークについて知り、詳しく調べたいと思いました。ただし、同様の名前の別のライブラリがあるため、競合する検索結果が得られることに気付きました。それで、私の質問はこれです: 2 つの間に類似点はありますか、それとも誰かがネーミングでより良い仕事をすることができますか?

React
http://facebook.github.io/react/index.html

反応.js
http://www.reactjs.com/

Facebook のread.js チュートリアルに沿って進むと、次のエラーが発生します。

実際、react.js のサンプル ページには次のようなものがあります。

誰でも正しい使い方を説明できますか?

チュートリアルの進捗状況

次の 2 つの JavaScript をインポートします。

http://fb.me/react-0.4.1.js http://fb.me/JSXTransformer-0.4.1.js

HTML は 1 行です。

そしてJavaScriptは、むしろ<script type="text/jsx"> 次のようになります。

反応を使用してアプリをセットアップしようとしていますが、モーダル以外はすべてうまくいっています。次のリンクからこのコードをそのまま使用しましたが、エラーが発生しました。https://github.com/facebook/react/blob/master/examples/jquery-bootstrap/js/app.js

このフィドルhttp://jsbin.com/eGocaZa/1/edit?html,css,output を試してください

コールバック関数は「this」にアクセスできないようです。コンソールに「これ」を記録すると、ウィンドウ オブジェクトが記録されます。

私はこれを渡し、機能しているように見える新しい関数を返しましたが、それは正しくないようで、jsfiddleでうまく機能していませんでした。ローカルでモーダルを起動しましたが、閉じる機能で同じ問題に遭遇しました。どんな助けでも大歓迎です。ありがとう！

これらのコード行を次のようなものに出力する方法を見つけようとしています

BASE_URLとして

このコードを実行すると、ブラウザに次の出力が表示されます。

これを行う正しい方法は何ですか？