From 1287d697dd2a1f925c784b5a1ad287d7500b71b9 Mon Sep 17 00:00:00 2001 From: Kohei TAKATA Date: Mon, 27 Jul 2015 11:22:45 +0900 Subject: [PATCH] Translate 10.8-pure-render-mixin.md to Japanese --- docs/10.8-pure-render-mixin.ja-JP.md | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 docs/10.8-pure-render-mixin.ja-JP.md diff --git a/docs/10.8-pure-render-mixin.ja-JP.md b/docs/10.8-pure-render-mixin.ja-JP.md new file mode 100644 index 00000000..3c316b93 --- /dev/null +++ b/docs/10.8-pure-render-mixin.ja-JP.md @@ -0,0 +1,28 @@ +--- +id: pure-render-mixin +title: PureRenderMixin +permalink: pure-render-mixin-ja-JP.html +prev: update-ja-JP.html +next: perf-ja-JP.html +--- + +Reactコンポーネントのrender関数が「ピュア」である(言い換えると、同じpropsやstateが与えられた時に同じ結果をレンダリングする)場合は、いくつかのケースでパフォーマンスをあげるためにこのミックスインを使用することができます。 + +例: + +```js +var PureRenderMixin = require('react/addons').addons.PureRenderMixin; +React.createClass({ + mixins: [PureRenderMixin], + + render: function() { + return
foo
; + } +}); +``` + +内部で、このミックスインは[shouldComponentUpdate](/react/docs/component-specs-ja-JP.html#updating-shouldcomponentupdate)を実行します。現在のpropsとstateを次のものと比較し、同様のものであれば、 `false` を返します。 + +> 注意: +> このミックスインはオブジェクトの比較のみを行います。それらが複雑なデータ構造を持っていた場合、深い位置における違いは見逃されることがあります。単純なpropsやstateをコンポーネントが持っている場合にのみ、使用してください。深いデータ構造が変更されることが分かっている場合は、 `forceUpdate()` を使用してください。または、ネストされたデータの比較を速く行うために[不変オブジェクト](https://facebook.github.io/immutable-js/)の使用を考えてみてください。 +> 更に、 `shouldComponentUpdate` は全てのコンポーネントのサブツリーのアップデートをスキップします。全ての子要素のコンポーネントもまた、「ピュア」であることを確認してください。 \ No newline at end of file