virtual-dom

2熱

1答えて

ReactJS - 親コンポーネントでの `setState`のパフォーマンスへの影響

Reactを使用して大規模なアプリケーションを構築しています。共有親コンポーネントが複数の子のすべての状態を処理します。これらの子供の中には、1000以上のアイテムのリストをレンダリングするものもあります。親の内部でブール値をsetStateに切り替えると、親が再描画され、すべての子が再びレンダリングされることがわかりました。私の質問は、子へのリスト項目のどれもが変更されない場合、再レンダリン

0熱

1答えて

変更された状態と変更されていない状態の両方を設定すると、仮想DOMがどのように反応するのですか？

古いメモリ内DOMと新しいメモリ内DOM間のバーチャルDOM diffの対応方法を教えてください。具体的には、変更された状態を設定しただけで、変更された状態と変更されていない状態の両方を設定していることに違いはありますか？ set ObjectとNumberの間に違いはありますか？例：現在の状態は{name: 'Eric', id: '1234567890', others: {other1:

2熱

1答えて

Angular 2のDOM操作

Angular 2の内部DOM操作については「簡単な」質問があります。 Angular 2は、仮想DOM、インクリメンタルDOMまたは何を使用していますか？私はAngular 2がDOM操作のために内部的に使うものを理解するためにインターネット上をすべて見てきましたが、見つけられないようです。私は彼らがコンポーネントをどのように作成するのか、開発者がどのようにして私たちが望むカプセル化戦略を使用

2熱

1答えて

仮想DOM入力のonChangeイベントは、通常のDOMの入力とは異なり、反応します。どうしてこれなの？

仮想DOMでは、入力の内容が変更されるたびにonChangeがトリガーされます。通常のDOMでは、onChangeは入力要素がぼやけている場合にのみトリガされます。 link to GIF illustrating the behavior サンプルプロジェクト： source code for the above demo 仮想DOM要素ごとに異なるイベントのOnChangeトリガーに反応ないの

0熱

1答えて

プロジェクタなしのレンダリングマケット

Maquetteを基本的なハイパースクリプト言語として使用したいと考えています。したがって、私はmaquette.projectorを使用したくありません。しかし、私は苦労してmaquette.dom関数のいずれかが動作するようになっています。 var h = maquette.h; var dom = maquette.dom; var svg = h('div.sweet', [

1熱

1答えて

virtual-dom diff

virtual-domhおよびdiffの方法を使用して、削除または削除のみではなく置換または削除します。考える：[a,b]と[b] 結果diffパッチはbとa置き換え、その後ではなく、単にaを削除するよりも、bを削除します。 RequireBin example. vdom1 = h('div', [ h('div', 'div stuff'), h('img', {src

0熱

1答えて

私は<strong>AngularJS</strong>とその構造に取り組んできました

ReactJSアプリケーションは、ユーザーがウェブサイトの周りにブラウズするよう、唯一のビューとルートが変化する、という方法であり、そこにあるの追跡ページビューとなどがトリガなしない（GTMがありますルートごとにロードされません）。したがってAngularJSのウェブサイトではGoogle Analytics（でも、あまりにも有望ではありません）のかなりの問題に直面しています。は今、私はRea

2熱

1答えて

React Virtual Domには3つのツリーが含まれていますか？リアクト仮想ドムで

は、私は、サブツリーの一部を理解し、または少なくとも私は私はないと思う：唯一の彼らのSETSTATEが呼ばれていた、これらのコンポーネントの潜在的にすべての子供たちのコンポーネントから再レンダリングされます反応します。つまり、setStateメソッドが呼び出されていないコンポーネントや、再レンダリングから安全なコンポーネントの子ではないコンポーネントです。私が不明な部分は、Reactがこれらのノ

1熱

1答えて

反応制御入力は入力値を変更させない

反応制御入力は、ブラウザに入力するときに入力値を変更させません。残りの部分は、コードはすべて説明します。最初の二つの入力が満たされたものの場合には最初の二つの入力は私が正しくあなたを理解していれば、私はブラウザ const PriceListRow = React.createClass({ getInitialState(){ return { flatPr