File tree Expand file tree Collapse file tree 1 file changed +0
-3
lines changed Expand file tree Collapse file tree 1 file changed +0
-3
lines changed Original file line number Diff line number Diff line change @@ -160,7 +160,6 @@ new webpack.optimize.UglifyJsPlugin()
160
160
## Chrome のパフォーマンスタブでコンポーネントをプロファイルする {#profiling-components-with-the-chrome-performance-tab}
161
161
162
162
** 開発** モードでは、対応するブラウザのパフォーマンス分析ツールで、コンポーネントのマウント・更新・アンマウントの様子を以下のように視覚化することができます。
163
- <br /><br />
164
163
165
164
<center ><img src =" ../images/blog/react-perf-chrome-timeline.png " style =" max-width :100% " alt =" React components in Chrome timeline " /></center >
166
165
@@ -219,7 +218,6 @@ React はレンダーされた UI の内部表現を構築し、維持します
219
218
- [ Firefox ブラウザ拡張] ( https://addons.mozilla.org/en-GB/firefox/addon/react-devtools/ )
220
219
- [ スタンドアロン Node パッケージ] ( https://www.npmjs.com/package/react-devtools )
221
220
222
-
223
221
開発者コンソールの ** React** タブで ** Highlight Updates** オプションを選択します:
224
222
225
223
<center ><img src =" ../images/blog/devtools-highlight-updates.png " style =" max-width :100% ; margin-top :10px ;" alt =" How to enable highlight updates " /></center >
@@ -421,7 +419,6 @@ x === y; // true
421
419
422
420
ここで ` y ` は編集されたにも関わらず、` x ` と同じオブジェクトを参照しているため、上記の比較は ` true ` を返します。これと似たコードを immutable.js で書くとこうなります:
423
421
424
-
425
422
``` javascript
426
423
const SomeRecord = Immutable .Record ({ foo: null });
427
424
const x = new SomeRecord ({ foo: ' bar' });
You can’t perform that action at this time.
0 commit comments