diff --git a/404.html b/404.html index 9f947d9a22..9dd52492c0 100644 --- a/404.html +++ b/404.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
  • Support
  • Download
  • Blog
    • +
  • + +
      • @@ -593,6 +598,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/perf-it-IT.html b/docs/perf-it-IT.html index a09f6cadd6..d4684879df 100644 --- a/docs/perf-it-IT.html +++ b/docs/perf-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -509,6 +514,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/perf-ja-JP.html b/docs/perf-ja-JP.html index c04f3ae966..5f2bae7893 100644 --- a/docs/perf-ja-JP.html +++ b/docs/perf-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -508,6 +513,12 @@ Reactの開発版のビルドは与えられた外部ロジックのためにプ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/perf-ko-KR.html b/docs/perf-ko-KR.html index 7f462ad274..3fde97edb8 100644 --- a/docs/perf-ko-KR.html +++ b/docs/perf-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -509,6 +514,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/pure-render-mixin-it-IT.html b/docs/pure-render-mixin-it-IT.html index d885bfd7c8..bb0760dbca 100644 --- a/docs/pure-render-mixin-it-IT.html +++ b/docs/pure-render-mixin-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -476,6 +481,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/pure-render-mixin-ja-JP.html b/docs/pure-render-mixin-ja-JP.html index 95b382fa7f..b0008911de 100644 --- a/docs/pure-render-mixin-ja-JP.html +++ b/docs/pure-render-mixin-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -474,6 +479,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/pure-render-mixin-ko-KR.html b/docs/pure-render-mixin-ko-KR.html index fd12caafa7..bb0305e3aa 100644 --- a/docs/pure-render-mixin-ko-KR.html +++ b/docs/pure-render-mixin-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -489,6 +494,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/reconciliation-it-IT.html b/docs/reconciliation-it-IT.html index c046647554..4b30db75bf 100644 --- a/docs/reconciliation-it-IT.html +++ b/docs/reconciliation-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -535,6 +540,12 @@ renderB: <div><span key= diff --git a/docs/reconciliation-ko-KR.html b/docs/reconciliation-ko-KR.html index 45fdb15d4d..bb2d58749e 100644 --- a/docs/reconciliation-ko-KR.html +++ b/docs/reconciliation-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -535,6 +540,12 @@ renderB: <div><span key= diff --git a/docs/reconciliation.html b/docs/reconciliation.html index 2e3ef974cb..035c7d4ce4 100644 --- a/docs/reconciliation.html +++ b/docs/reconciliation.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -535,6 +540,12 @@ renderB: <div><span key= diff --git a/docs/reusable-components-it-IT.html b/docs/reusable-components-it-IT.html index d36bb26094..644c6d6de1 100644 --- a/docs/reusable-components-it-IT.html +++ b/docs/reusable-components-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -661,6 +666,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/reusable-components-ja-JP.html b/docs/reusable-components-ja-JP.html index 8e928cfc4e..1cc1ae32b5 100644 --- a/docs/reusable-components-ja-JP.html +++ b/docs/reusable-components-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -639,6 +644,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/reusable-components-ko-KR.html b/docs/reusable-components-ko-KR.html index 752a2bac71..6893e4128d 100644 --- a/docs/reusable-components-ko-KR.html +++ b/docs/reusable-components-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -663,6 +668,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/reusable-components-zh-CN.html b/docs/reusable-components-zh-CN.html index db0f14f090..92d5d312b6 100644 --- a/docs/reusable-components-zh-CN.html +++ b/docs/reusable-components-zh-CN.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -616,7 +621,7 @@

      因为无状态函数没有备份实例，你不能附加一个引用到一个无状态函数组件。 通常这不是问题，因为无状态函数不提供一个命令式的API。没有命令式的API，你就没有任何需要实例来做的事。然而，如果用户想查找无状态函数组件的DOM节点，他们必须把这个组件包装在一个有状态组件里（比如，ES6 类组件） 并且连接一个引用到有状态的包装组件。

      -

      在理想世界里，你的大多数组件都应该是无状态函数式的，因为这些无状态组件可以在React核心里经过一个快速的代码路径。 如果可能，这是推荐的模式。

      +

      在理想世界里，你的大多数组件都应该是无状态函数，因为将来我们可能会用避免不必要的检查和内存分配的方式来对这些组件进行优化。 如果可能，这是推荐的模式。

      @@ -661,6 +666,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/reusable-components.html b/docs/reusable-components.html index a09c5f1186..d50555622e 100644 --- a/docs/reusable-components.html +++ b/docs/reusable-components.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -661,6 +666,12 @@ However, you may still specify .propTypes and .defaultProps diff --git a/docs/shallow-compare-zh-CN.html b/docs/shallow-compare-zh-CN.html index 620f173f22..d52f0e4702 100644 --- a/docs/shallow-compare-zh-CN.html +++ b/docs/shallow-compare-zh-CN.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -476,6 +481,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/shallow-compare.html b/docs/shallow-compare.html index 4ee65df30a..1ea5979ca5 100644 --- a/docs/shallow-compare.html +++ b/docs/shallow-compare.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -476,6 +481,12 @@ It does this by iterating on the keys of the objects being compared and returnin js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/special-non-dom-attributes-it-IT.html b/docs/special-non-dom-attributes-it-IT.html index 80bd41c872..534874a45b 100644 --- a/docs/special-non-dom-attributes-it-IT.html +++ b/docs/special-non-dom-attributes-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -462,6 +467,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/special-non-dom-attributes-ko-KR.html b/docs/special-non-dom-attributes-ko-KR.html index 6c4844ca31..1203e6b876 100644 --- a/docs/special-non-dom-attributes-ko-KR.html +++ b/docs/special-non-dom-attributes-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -462,6 +467,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/special-non-dom-attributes-zh-CN.html b/docs/special-non-dom-attributes-zh-CN.html index 536c68cd64..9d91386a7f 100644 --- a/docs/special-non-dom-attributes-zh-CN.html +++ b/docs/special-non-dom-attributes-zh-CN.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -462,6 +467,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/special-non-dom-attributes.html b/docs/special-non-dom-attributes.html index df1c1eb121..01d657e013 100644 --- a/docs/special-non-dom-attributes.html +++ b/docs/special-non-dom-attributes.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -462,6 +467,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/tags-and-attributes-it-IT.html b/docs/tags-and-attributes-it-IT.html index 931c51b020..b858edb209 100644 --- a/docs/tags-and-attributes-it-IT.html +++ b/docs/tags-and-attributes-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -517,6 +522,12 @@ xlinkShow xlinkTitle xlinkType xmlBase xmlLang xmlSpace y1 y2 y js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/tags-and-attributes-ko-KR.html b/docs/tags-and-attributes-ko-KR.html index a46ef98d4f..6ed13e9bf7 100644 --- a/docs/tags-and-attributes-ko-KR.html +++ b/docs/tags-and-attributes-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -517,6 +522,12 @@ xlinkShow xlinkTitle xlinkType xmlBase xmlLang xmlSpace y1 y2 y js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/tags-and-attributes-zh-CN.html b/docs/tags-and-attributes-zh-CN.html index f6e1e97970..08751e5ca0 100644 --- a/docs/tags-and-attributes-zh-CN.html +++ b/docs/tags-and-attributes-zh-CN.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -418,15 +423,15 @@ 
      a abbr address area article aside audio b base bdi bdo big blockquote body br
 button canvas caption cite code col colgroup data datalist dd del details dfn
 dialog div dl dt em embed fieldset figcaption figure footer form h1 h2 h3 h4 h5
-h6 head header hr html i iframe img input ins kbd keygen label legend li link
-main map mark menu menuitem meta meter nav noscript object ol optgroup option
-output p param picture pre progress q rp rt ruby s samp script section select
-small source span strong style sub summary sup table tbody td textarea tfoot th
-thead time title tr track u ul var video wbr
+h6 head header hgroup hr html i iframe img input ins kbd keygen label legend li
+link main map mark menu menuitem meta meter nav noscript object ol optgroup
+option output p param picture pre progress q rp rt ruby s samp script section
+select small source span strong style sub summary sup table tbody td textarea
+tfoot th thead time title tr track u ul var video wbr

      SVG 元素 #

      下面的 SVG 元素是被支持的:

      -
      circle clipPath defs ellipse g line linearGradient mask path pattern polygon polyline
-radialGradient rect stop svg text tspan
+
      circle clipPath defs ellipse g image line linearGradient mask path pattern
+polygon polyline radialGradient rect stop svg text tspan
 
      
 
      你也许对 react-art有兴趣,一个让React绘制Canvas, SVG, 或者 VML (for IE8) 的绘制库.
      
 
      支持的属性 #
      
@@ -442,25 +447,30 @@ radialGradient rect stop svg text tspan
 
      HTML 属性 #
      
 
      下面的标准属性是被支持的:
      
 
      accept acceptCharset accessKey action allowFullScreen allowTransparency alt
-async autoComplete autoFocus autoPlay capture cellPadding cellSpacing charSet
-challenge checked classID className cols colSpan content contentEditable contextMenu
-controls coords crossOrigin data dateTime defer dir disabled download draggable
-encType form formAction formEncType formMethod formNoValidate formTarget frameBorder
-headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode
-keyParams keyType label lang list loop low manifest marginHeight marginWidth max
-maxLength media mediaGroup method min minLength multiple muted name noValidate open
-optimum pattern placeholder poster preload radioGroup readOnly rel required role
-rows rowSpan sandbox scope scoped scrolling seamless selected shape size sizes
-span spellCheck src srcDoc srcSet start step style summary tabIndex target title
-type useMap value width wmode wrap
+async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge
+charSet checked classID className colSpan cols content contentEditable
+contextMenu controls coords crossOrigin data dateTime default defer dir
+disabled download draggable encType form formAction formEncType formMethod
+formNoValidate formTarget frameBorder headers height hidden high href hrefLang
+htmlFor httpEquiv icon id inputMode integrity is keyParams keyType kind label
+lang list loop low manifest marginHeight marginWidth max maxLength media
+mediaGroup method min minLength multiple muted name noValidate nonce open
+optimum pattern placeholder poster preload radioGroup readOnly rel required
+reversed role rowSpan rows sandbox scope scoped scrolling seamless selected
+shape size sizes span spellCheck src srcDoc srcLang srcSet start step style
+summary tabIndex target title type useMap value width wmode wrap
+
      
+
      这些RDFa属性是被支持的 （许多RDFa属性和标准的HTML属性重叠，因此被从这个列表里去除）：
      
+
      about datatype inlist prefix property resource typeof vocab
 
      
 
      另外,支持下面的非标准属性:
      
 
 
        
 
      • autoCapitalize autoCorrect for Mobile Safari.
        • 
-
      • property for Open Graph meta tags.
        • 
+
      • color for <link rel="mask-icon" /> in Safari.
        • 
 
      • itemProp itemScope itemType itemRef itemID for HTML5 microdata.
        • 
-
      • unselectable for Internet Explorer.
        • 
+
      • security 老的IE浏览器.
        • 
+
      • unselectable IE浏览器.
        • 
 
      • results autoSave for WebKit/Blink input fields of type search.
        • 
 
      
 
@@ -517,6 +527,12 @@ xlinkShow xlinkTitle xlinkType xmlBase xmlLang xmlSpace y1 y2 y
       js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527";
       fjs.parentNode.insertBefore(js, fjs);
     }(document, 'script', 'facebook-jssdk'));
+
+    docsearch({
+      apiKey: '36221914cce388c46d0420343e0bb32e',
+      indexName: 'react',
+      inputSelector: '#algolia-doc-search'
+    });
   
 
 
diff --git a/docs/tags-and-attributes.html b/docs/tags-and-attributes.html
index 484a247578..79c3093612 100644
--- a/docs/tags-and-attributes.html
+++ b/docs/tags-and-attributes.html
@@ -16,6 +16,7 @@
   
   
 
+  
   
   
   
@@ -28,6 +29,7 @@
   
   
   
+  
   
   
   
@@ -50,6 +52,9 @@
           
    • Support
      • 
           
    • Download
      • 
           
    • Blog
      • 
+          
    • 
+            
+          
      •
      @@ -522,6 +527,12 @@ xlinkShow xlinkTitle xlinkType xmlBase xmlLang xmlSpace y1 y2 y js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/test-utils-it-IT.html b/docs/test-utils-it-IT.html index f379943bde..310fa72a06 100644 --- a/docs/test-utils-it-IT.html +++ b/docs/test-utils-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -425,7 +430,7 @@

      Cambiare il valore di un campo di input e in seguito premere INVIO

      var node = ReactDOM.findDOMNode(this.refs.input);
-node.value = 'giraffe'
+node.value = 'giraffe';
 React.addons.TestUtils.Simulate.change(node);
 React.addons.TestUtils.Simulate.keyDown(node, {key: "Enter", keyCode: 13, which: 13});
      @@ -581,6 +586,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/test-utils-ja-JP.html b/docs/test-utils-ja-JP.html index 9c1f1b09f8..773c4fc3bf 100644 --- a/docs/test-utils-ja-JP.html +++ b/docs/test-utils-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -534,6 +539,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/test-utils-ko-KR.html b/docs/test-utils-ko-KR.html index 81a558e34e..98cc37ec52 100644 --- a/docs/test-utils-ko-KR.html +++ b/docs/test-utils-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -428,7 +433,7 @@

      입력 필드의 값을 변경하고 엔터 누르기.

      // <input ref="input" />
 var node = this.refs.input;
-node.value = 'giraffe'
+node.value = 'giraffe';
 ReactTestUtils.Simulate.change(node);
 ReactTestUtils.Simulate.keyDown(node, {key: "Enter", keyCode: 13, which: 13});
      @@ -585,6 +590,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/test-utils-zh-CN.html b/docs/test-utils-zh-CN.html new file mode 100644 index 0000000000..cbf0783d6b --- /dev/null +++ b/docs/test-utils-zh-CN.html @@ -0,0 +1,608 @@ + + + + + + + 测试工具 | React + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + React + + + + +
      +
      + + + +
      +
      + + +
      +

      Quick Start

      + +
      + +
      +

      Community Resources

      + +
      + +
      +

      Guides

      + +
      + +
      +

      Reference

      + +
      + +
      +

      Flux

      + +
      + + + + +
      +

      Tips

      + +
      + +
      + + +
      +

      + 测试工具 + Edit on GitHub +

      +
      + +

      ReactTestUtils 使你在你选择的测试框架中 (我们使用 Jest) 测试 React 组件变得容易。

      +
      var ReactTestUtils = require('react-addons-test-utils');
+

      Simulate #

      Simulate.{eventName}(
+  DOMElement element,
+  [object eventData]
+)
+
      +

      模拟一个在 DOM 节点上带有可选 eventData 事件数据的事件派遣（event dispatch）。这可能是 ReactTestUtils 里单独最有用的工具。

      + +

      点击一个元素

      +
      // <button ref="button">...</button>
+var node = this.refs.button;
+ReactTestUtils.Simulate.click(node);
+
      +

      改变 input 域的值然后点击 回车。

      +
      // <input ref="input" />
+var node = this.refs.input;
+node.value = 'giraffe';
+ReactTestUtils.Simulate.change(node);
+ReactTestUtils.Simulate.keyDown(node, {key: "Enter", keyCode: 13, which: 13});
+
      +

      注意你将必须提供任何你在你的组件里使用的事件属性（例如 keyCode, which, 等等）因为React没有为你创建任何这类东西。

      + +

      Simulate has a method for every event that React understands.

      +

      renderIntoDocument #

      ReactComponent renderIntoDocument(
+  ReactElement instance
+)
+
      +

      渲染一个组件到 document 里的 detached DOM 节点。这个函数需要一个 DOM。

      + +
      +

      注意:

      + +

      在你 import React 之前，你需要让 window, window.document 和 window.document.createElement 全局可用。 +不然 React 会认为它不能访问 DOM 然后类似 setState 的方法会不工作。

      +
      +

      mockComponent #

      object mockComponent(
+  function componentClass,
+  [string mockTagName]
+)
+
      +

      传入一个 mocked 组件模块到这个方法来给它增加有用的方法，使它可以被用作 dummy React 组件。代替像通常一样的渲染，组件会成为一个简单的包含了任意被提供的子级的 <div> （或者其他 tag 名，如果提供了 mockTagName）

      +

      isElement #

      boolean isElement(
+  ReactElement element
+)
+
      +

      返回 true 如果 element 是任意的 ReactElement。

      +

      isElementOfType #

      boolean isElementOfType(
+  ReactElement element,
+  function componentClass
+)
+
      +

      返回 true 如果 element 是一个类型是 React componentClass 的 ReactElement。

      +

      isDOMComponent #

      boolean isDOMComponent(
+  ReactComponent instance
+)
+
      +

      返回 true 如果 instance 是一个 DOM 组件 （比如一个 <div> 或者 <span>）。

      +

      isCompositeComponent #

      boolean isCompositeComponent(
+  ReactComponent instance
+)
+
      +

      返回 true 如果 instance 是一个复合组件 （由 React.createClass() 创建）。

      +

      isCompositeComponentWithType #

      boolean isCompositeComponentWithType(
+  ReactComponent instance,
+  function componentClass
+)
+
      +

      返回 true 如果 instance 是一个类型为 React componentClass 的复合组件 （由 React.createClass() 创建）。

      +

      findAllInRenderedTree #

      array findAllInRenderedTree(
+  ReactComponent tree,
+  function test
+)
+
      +

      遍历 tree 里所有的组件，并累积所有 test(component) 为 true 的组件。它本身并没有什么用，但是它被用作其他测试工具的基本元素。

      +

      scryRenderedDOMComponentsWithClass #

      array scryRenderedDOMComponentsWithClass(
+  ReactComponent tree, string className
+)
+
      +

      在渲染的树中查找所有 DOM组件的类名匹配className 的组件实例。

      +

      findRenderedDOMComponentWithClass #

      ReactComponent findRenderedDOMComponentWithClass(
+  ReactComponent tree,
+  string className
+)
+
      +

      类似 scryRenderedDOMComponentsWithClass() 除了只有一个返回结果，并且要么返回这个结果，要么如果还有其他的匹配项就抛出一个异常。

      +

      scryRenderedDOMComponentsWithTag #

      array scryRenderedDOMComponentsWithTag(
+  ReactComponent tree,
+  string tagName
+)
+
      +

      在渲染的树中查找所有 DOM 组件的 tag 名匹配 tagName 的组件实例。

      +

      findRenderedDOMComponentWithTag #

      ReactComponent findRenderedDOMComponentWithTag(
+  ReactComponent tree,
+  string tagName
+)
+
      +

      类似 scryRenderedDOMComponentsWithTag() 除了只有一个返回结果，并且要么返回这个结果，要么如果还有其他的匹配项就抛出一个异常。

      +

      scryRenderedComponentsWithType #

      array scryRenderedComponentsWithType(
+  ReactComponent tree,
+  function componentClass
+)
+
      +

      查找所有类型等于 componentClass 的组件实例。

      +

      findRenderedComponentWithType #

      ReactComponent findRenderedComponentWithType(
+  ReactComponent tree, function componentClass
+)
+
      +

      类似 scryRenderedComponentsWithType() 除了只有一个返回结果，并且要么返回这个结果，要么如果还有其他的匹配项就抛出一个异常。

      +

      Shallow rendering（浅渲染） #

      +

      浅渲染是一个实验性特性，让你渲染一个组件为 "one level deep" 并且断言渲染方法返回的内容，不用担心子组件的行为，它们没有被实例化或者渲染。这个方式不需要一个 DOM。

      +
      ReactShallowRenderer createRenderer()
+
      +

      在你的测试里调用它来创建一个浅渲染器。你可以把它想做是一个你渲染你要测试的组件的 "地方"，它可以自己响应事件并更新。

      +
      shallowRenderer.render(
+  ReactElement element
+)
+
      +

      类似于 ReactDOM.render。

      +
      ReactElement shallowRenderer.getRenderOutput()
+
      +

      在 render 被调用后，返回一个浅渲染的输出。你可以接着断言输出的内容。例如，如果你的组件的渲染方法返回：

      +
      <div>
+  <span className="heading">Title</span>
+  <Subcomponent foo="bar" />
+</div>
+
      +

      然后你可以断言：

      +
      var renderer = ReactTestUtils.createRenderer();
+result = renderer.getRenderOutput();
+expect(result.type).toBe('div');
+expect(result.props.children).toEqual([
+  <span className="heading">Title</span>,
+  <Subcomponent foo="bar" />
+]);
+
      +

      浅测试现在有一些限制，即不支持 refs。我们在早期发布这个特性，并感激 React 社区关于它应该如何演化的反馈。

      + + +
      + + ← Prev + + + Next → + +
      +
      +
      + + +
      +
      + A Facebook & Instagram collaboration.
      + Acknowledgements +
      +
      + © 2013–2016 Facebook Inc.
      + Documentation licensed under CC BY 4.0. +
      +
      +
      +
      + + + + diff --git a/docs/test-utils.html b/docs/test-utils.html index 2b8e73153d..9dc6b3e864 100644 --- a/docs/test-utils.html +++ b/docs/test-utils.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -428,7 +433,7 @@

      Changing the value of an input field and then pressing ENTER.

      // <input ref="input" />
 var node = this.refs.input;
-node.value = 'giraffe'
+node.value = 'giraffe';
 ReactTestUtils.Simulate.change(node);
 ReactTestUtils.Simulate.keyDown(node, {key: "Enter", keyCode: 13, which: 13});
      @@ -592,6 +597,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/thinking-in-react-ko-KR.html b/docs/thinking-in-react-ko-KR.html index 3e77326f39..70229f41d4 100644 --- a/docs/thinking-in-react-ko-KR.html +++ b/docs/thinking-in-react-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -595,6 +600,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/thinking-in-react.html b/docs/thinking-in-react.html index 378cebd97d..6b43a7073a 100644 --- a/docs/thinking-in-react.html +++ b/docs/thinking-in-react.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -595,6 +600,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/thinking-in-react.it-IT.html b/docs/thinking-in-react.it-IT.html index 1bd0cc4a0b..96e34f1895 100644 --- a/docs/thinking-in-react.it-IT.html +++ b/docs/thinking-in-react.it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -595,6 +600,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/thinking-in-react.zh-CN.html b/docs/thinking-in-react.zh-CN.html index b62d901619..1450516095 100644 --- a/docs/thinking-in-react.zh-CN.html +++ b/docs/thinking-in-react.zh-CN.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -595,6 +600,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/tooling-integration-it-IT.html b/docs/tooling-integration-it-IT.html index 07331f4909..1aebd734fc 100644 --- a/docs/tooling-integration-it-IT.html +++ b/docs/tooling-integration-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -503,6 +508,12 @@ ReactDOM.render(React.createElement(HelloMessage, { name: "John" }), m js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/tooling-integration-ja-JP.html b/docs/tooling-integration-ja-JP.html index 4d1bb14068..bb1ef75591 100644 --- a/docs/tooling-integration-ja-JP.html +++ b/docs/tooling-integration-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -475,6 +480,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/tooling-integration-ko-KR.html b/docs/tooling-integration-ko-KR.html index 98dd05a976..450798a3a4 100644 --- a/docs/tooling-integration-ko-KR.html +++ b/docs/tooling-integration-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -507,6 +512,12 @@ ReactDOM.render(React.createElement(HelloMessage, { name: "John" }), m js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/tooling-integration-zh-CN.html b/docs/tooling-integration-zh-CN.html index 1de425ee52..6ec3f9ed37 100644 --- a/docs/tooling-integration-zh-CN.html +++ b/docs/tooling-integration-zh-CN.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -417,7 +422,7 @@

      使用 master #

      我们在我们的 GitHub repository有从master构建的说明。我们在build/modules 下构建了一个CommonJS模块的树，你可以把它放到任何支持CommonJS的环境或者打包工具里。

      JSX #

      浏览器中的JSX转化 #

      -

      如果你喜欢使用JSX，Babel提供了一个被称为browser.js的开发用的浏览器中的 ES6 和 JSX 转换器 ，它可以从babel-core npm release 或者CDNJS 中 include。Include <script type="text/babel"> 标记来使用 JSX 转换器.

      +

      如果你喜欢使用JSX，Babel5 提供了被称为browser.js 用于开发的一个浏览器内的 ES6 和 JSX 转换器，它可以从 CDNJS 引用。Include <script type="text/babel"> 标记来使用 JSX 转换器.

      注意:

      @@ -509,6 +514,12 @@ ReactDOM.render(React.createElement(HelloMessage, { name: "John" }), m js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/tooling-integration.html b/docs/tooling-integration.html index ca149ad709..02910dbb8a 100644 --- a/docs/tooling-integration.html +++ b/docs/tooling-integration.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -509,6 +514,12 @@ ReactDOM.render(React.createElement(HelloMessage, { name: "John" }), m js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/top-level-api-it-IT.html b/docs/top-level-api-it-IT.html index a3cb9c79bb..d8ae5c60c4 100644 --- a/docs/top-level-api-it-IT.html +++ b/docs/top-level-api-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -549,6 +554,12 @@ futuro potrebbe essere possibile inserire un componente in un nodo DOM esistente js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/top-level-api-ja-JP.html b/docs/top-level-api-ja-JP.html index 3635bd10a6..8862862686 100644 --- a/docs/top-level-api-ja-JP.html +++ b/docs/top-level-api-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -536,6 +541,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/top-level-api-ko-KR.html b/docs/top-level-api-ko-KR.html index 348f28d171..4c32b600da 100644 --- a/docs/top-level-api-ko-KR.html +++ b/docs/top-level-api-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -553,6 +558,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/top-level-api-zh-CN.html b/docs/top-level-api-zh-CN.html index 9526cb8b13..d8582f44b6 100644 --- a/docs/top-level-api-zh-CN.html +++ b/docs/top-level-api-zh-CN.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -557,6 +562,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/top-level-api.html b/docs/top-level-api.html index 8c6a2db217..877dd32903 100644 --- a/docs/top-level-api.html +++ b/docs/top-level-api.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -558,6 +563,12 @@ the existing children.

      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/transferring-props-it-IT.html b/docs/transferring-props-it-IT.html index fa3a32fe18..82f8638a8a 100644 --- a/docs/transferring-props-it-IT.html +++ b/docs/transferring-props-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -571,6 +576,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/transferring-props-ja-JP.html b/docs/transferring-props-ja-JP.html index c0490f44c3..7315f5c30b 100644 --- a/docs/transferring-props-ja-JP.html +++ b/docs/transferring-props-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -567,6 +572,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/transferring-props-ko-KR.html b/docs/transferring-props-ko-KR.html index 878048aa01..a64e9294cd 100644 --- a/docs/transferring-props-ko-KR.html +++ b/docs/transferring-props-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -573,6 +578,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/transferring-props-zh-CN.html b/docs/transferring-props-zh-CN.html index 91be52ed5a..71686a4762 100644 --- a/docs/transferring-props-zh-CN.html +++ b/docs/transferring-props-zh-CN.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -481,7 +486,7 @@ ); }

      使用和传递同一个 Prop #

      -

      如果组件需要使用一个属性又要往下传递，可以直接使用 checked={checked} 再传一次。这样做比传整个 this.props 对象要好，因为更利于重构和语法检查。

      +

      如果组件需要使用一个属性又要往下传递，可以直接使用 checked={checked} 再传一次。这样做比传整个 props 对象要好，因为更利于重构和语法检查。

      function FancyCheckbox(props) {
   var { checked, title, ...other } = props;
   var fancyClass = checked ? 'FancyChecked' : 'FancyUnchecked';
@@ -571,6 +576,12 @@
       js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527";
       fjs.parentNode.insertBefore(js, fjs);
     }(document, 'script', 'facebook-jssdk'));
+
+    docsearch({
+      apiKey: '36221914cce388c46d0420343e0bb32e',
+      indexName: 'react',
+      inputSelector: '#algolia-doc-search'
+    });
   
 
 
diff --git a/docs/transferring-props.html b/docs/transferring-props.html
index 18508d3e67..7963d72fba 100644
--- a/docs/transferring-props.html
+++ b/docs/transferring-props.html
@@ -16,6 +16,7 @@
   
   
 
+  
   
   
   
@@ -28,6 +29,7 @@
   
   
   
+  
   
   
   
@@ -50,6 +52,9 @@
           
    • Support
      • 
           
    • Download
      • 
           
    • Blog
      • 
+          
    • 
+            
+          
      •
      @@ -571,6 +576,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/tutorial-ja-JP.html b/docs/tutorial-ja-JP.html index 6e3fa0fe2c..579a24afbb 100644 --- a/docs/tutorial-ja-JP.html +++ b/docs/tutorial-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -1054,6 +1059,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/tutorial-ko-KR.html b/docs/tutorial-ko-KR.html index 2c61f18562..c0fef5963d 100644 --- a/docs/tutorial-ko-KR.html +++ b/docs/tutorial-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -1056,6 +1061,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/tutorial.html b/docs/tutorial.html index b41906c963..61cf571078 100644 --- a/docs/tutorial.html +++ b/docs/tutorial.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -1120,6 +1125,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/tutorial.it-IT.html b/docs/tutorial.it-IT.html index 110a13f9cd..cc9783cd5e 100644 --- a/docs/tutorial.it-IT.html +++ b/docs/tutorial.it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -1054,6 +1059,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/tutorial.zh-CN.html b/docs/tutorial.zh-CN.html index 582ff3cce7..1e00da0571 100644 --- a/docs/tutorial.zh-CN.html +++ b/docs/tutorial.zh-CN.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -446,6 +451,7 @@ <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script> </head> <body> <div id="content"></div> @@ -489,7 +495,7 @@

      注意原生的HTML元素以小写开头，而制定的 React 类以大写开头。

      JSX 语法 #

      -

      首先你会注意到你的 JavaScript 中 XML 式的语法。我们有一个简单的预编译器，将这种语法糖转换成单纯的 JavaScript ：

      +

      首先你会注意到你的 JavaScript 中 XML 式的语法。我们有一个简单的预编译器，将语法糖转换成这种纯的JavaScript：

      // tutorial1-raw.js
 var CommentBox = React.createClass({displayName: 'CommentBox',
   render: function() {
@@ -514,6 +520,10 @@
 
      你没有必要返回基本的 HTML。你可以返回一个你（或者其他人）创建的组件树。这就使 React 组件化：一个可维护前端的关键原则。
      
 
 
      ReactDOM.render() 实例化根组件，启动框架，注入标记到原始的 DOM 元素中，作为第二个参数提供。
      
+
+
      ReactDOM 模块暴露了 DOM 相关的方法， 而 React 保有被不同平台的 React 共享的核心工具 （例如 React Native）。
      
+
+
      对于本教程 ReactDOM.render 保持在脚本底部是很重要的。ReactDOM.render 应该只在复合组件被定义之后被调用。
      
 
      组合组件 #
      
 
      让我们为 CommentList 和 CommentForm 建造骨架，它们将会，再一次的，是一些简单的 <div>。添加这两个组件到你的文件里，保持现存的 CommentBox 声明和 ReactDOM.render 调用:
      
 
      // tutorial2.js
@@ -587,19 +597,7 @@
 
      添加 Markdown #
      
 
      Markdown 是一种简单的内联格式化你的文字的方法。例如，用星号包围文本将会使其强调突出。
      
 
-
      首先，添加第三方库 marked 到你的应用。这是一个JavaScript库，接受 Markdown 文本并且转换为原始的 HTML。这需要在你的头部有一个 script 标签（那个我们已经在 React 操场上包含了的标签）：
      
-
      <!-- index.html -->
-<head>
-  <meta charset="utf-8" />
-  <title>React Tutorial</title>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script>
-</head>
-
      
-
      然后，让我们转换评论文本为 Markdown 并输出它：
      
+
      在本教程中我们使用第三方库 marked，它接受 Markdown 文本并且转换为原始的 HTML。我们已经在初始的页面标记里包含了这个库，所以我们可以直接开始使用它，让我们转换评论文本为 Markdown 并输出它：
      
 
      // tutorial6.js
 var Comment = React.createClass({
   render: function() {
@@ -645,11 +643,11 @@
 
      到目前为止我们已经完成了在源码里直接插入评论。作为替代，让我们渲染一团 JSON 数据到评论列表里。最终数据将会来自服务器，但是现在，写在你的源代码中：
      
 
      // tutorial8.js
 var data = [
-  {author: "Pete Hunt", text: "This is one comment"},
-  {author: "Jordan Walke", text: "This is *another* comment"}
+  {id: 1, author: "Pete Hunt", text: "This is one comment"},
+  {id: 2, author: "Jordan Walke", text: "This is *another* comment"}
 ];
 
      
-
      我们需要以一种模块化的方式将这个数据传入到 CommentList。修改 CommentBox 和 ReactDOM.render() 方法，以通过 props 传入数据到 CommentList：
      
+
      我们需要以一种模块化的方式将这个数据传入到 CommentList。修改 CommentBox 和 ReactDOM.render() 方法，以便于通过 props 传入数据到 CommentList：
      
 
      // tutorial9.js
 var CommentBox = React.createClass({
   render: function() {
@@ -672,9 +670,9 @@
 
      // tutorial10.js
 var CommentList = React.createClass({
   render: function() {
-    var commentNodes = this.props.data.map(function (comment) {
+    var commentNodes = this.props.data.map(function(comment) {
       return (
-        <Comment author={comment.author}>
+        <Comment author={comment.author} key={comment.id}>
           {comment.text}
         </Comment>
       );
@@ -723,7 +721,7 @@
 
      
 
      getInitialState() 在生命周期里只执行一次，并设置组件的初始状态。
      
 
      更新状态 #
      
-
      当组件第一次创建时，我们想从服务器获取一些 JSON 并且更新状态以反映最新的数据。我们将用 jQuery 来发送一个异步请求到我们刚才启动的服务器以获取我们需要的数据。看起来像这样：
      
+
      当组件第一次创建时，我们想从服务器获取一些 JSON 并且更新状态以反映最新的数据。我们将用 jQuery 来发送一个异步请求到我们刚才启动的服务器以获取我们需要的数据。这些数据已经被包含在了你已启动的服务器里（基于comments.json文件），所以一旦被获取，this.state.data 会看起来像这样：
      
 
      [
   {"author": "Pete Hunt", "text": "This is one comment"},
   {"author": "Jordan Walke", "text": "This is *another* comment"}
@@ -811,43 +809,95 @@
     );
   }
 });
-
      
-
      让我们做一个交互式的表单。当用户提交表单时，我们应该清空它，提交一个请求给服务器，和刷新评论列表。要开始，让我们监听表单的提交事件并清空它。
      
+
      受控组件 #
      
+
      对于传统的 DOM， input 元素被渲染并且浏览器管理它的状态（它的渲染值）。结果是，DOM的实际值会和组件不同。这是不理想的，因为视图的值会和组件的值不同。在React中，组件应该总是表示视图的值而不只是在初始化时。
      
+
+
      因此，我们将使用 this.state 来在用户输入时保存输入。我们定义一个初始 state，它带有 author 和 text 两个属性并将他们设置为空字符串。在我们的 <input> 元素里，我们设置 value prop 来反映组件的 state 并给他们附加 onChange 事件处理。这些带有设置了 value 的  <input> 元素被称为受控组件。更多关于受控组件请阅读 Forms article。
      
 
      // tutorial16.js
 var CommentForm = React.createClass({
-  handleSubmit: function(e) {
-    e.preventDefault();
-    var author = React.findDOMNode(this.refs.author).value.trim();
-    var text = React.findDOMNode(this.refs.text).value.trim();
-    if (!text || !author) {
-      return;
-    }
-    // TODO: send request to the server
-    React.findDOMNode(this.refs.author).value = '';
-    React.findDOMNode(this.refs.text).value = '';
-    return;
+  getInitialState: function() {
+    return {author: '', text: ''};
+  },
+  handleAuthorChange: function(e) {
+    this.setState({author: e.target.value});
+  },
+  handleTextChange: function(e) {
+    this.setState({text: e.target.value});
   },
   render: function() {
-    return (
-      <form className="commentForm" onSubmit={this.handleSubmit}>
-        <input type="text" placeholder="Your name" ref="author" />
-        <input type="text" placeholder="Say something..." ref="text" />
+    return (
+      <form className="commentForm">
+        <input
+          type="text"
+          placeholder="Your name"
+          value={this.state.author}
+          onChange={this.handleAuthorChange}
+        />
+        <input
+          type="text"
+          placeholder="Say something..."
+          value={this.state.text}
+          onChange={this.handleTextChange}
+        />
         <input type="submit" value="Post" />
       </form>
     );
   }
 });
 
      事件 #
      
-
      React使用驼峰命名规范(camelCase)给组件绑定事件处理器。我们给表单绑定一个onSubmit处理器，它在表单提交了合法的输入后清空表单字段。
      
+
      React使用小驼峰命名规范(camelCase)给组件绑定事件处理器。我们附加 onChange 给两个 <input> 元素。现在，当用户输入文本到 <input> 中，被附加的 onChange 回调函数被激发并且组件的 state 被修改。然后，被渲染的 input 元素的值将会更新以反映当前组件的 state。
      
+
      提交表单 #
      
+
      让我们使表单具有交互性。当用户提交表单时，我们应该清除它，提交一个请求到服务器，并刷新评论列表。让我们监听表单的提交事件并清除它。
      
+
      // tutorial17.js
+var CommentForm = React.createClass({
+  getInitialState: function() {
+    return {author: '', text: ''};
+  },
+  handleAuthorChange: function(e) {
+    this.setState({author: e.target.value});
+  },
+  handleTextChange: function(e) {
+    this.setState({text: e.target.value});
+  },
+  handleSubmit: function(e) {
+    e.preventDefault();
+    var author = this.state.author.trim();
+    var text = this.state.text.trim();
+    if (!text || !author) {
+      return;
+    }
+    // TODO: send request to the server
+    this.setState({author: '', text: ''});
+  },
+  render: function() {
+    return (
+      <form className="commentForm" onSubmit={this.handleSubmit}>
+        <input
+          type="text"
+          placeholder="Your name"
+          value={this.state.author}
+          onChange={this.handleAuthorChange}
+        />
+        <input
+          type="text"
+          placeholder="Say something..."
+          value={this.state.text}
+          onChange={this.handleTextChange}
+        />
+        <input type="submit" value="Post" />
+      </form>
+    );
+  }
+});
+
      
+
      我们给表单绑定一个onSubmit处理器，它在表单提交了合法的输入后清空表单字段。
      
 
 
      在事件中调用preventDefault()来阻止浏览器提交表单的默认行为。
      
-
      Refs #
      
-
      我们利用ref属性给子组件赋予名字，this.refs-引用组件。我们可以在组件上调用 React.findDOMNode(component) 获取原生的浏览器DOM元素。
      
 
      回调函数作为属性 #
      
 
      当用户提交评论时，我们需要刷新评论列表来包含这条新评论。在CommentBox中完成所有逻辑是有道理的，因为CommentBox 拥有代表了评论列表的状态(state)。
      
 
 
      我们需要从子组件传回数据到它的父组件。我们在父组件的render方法中以传递一个新的回调函数（handleCommentSubmit）到子组件完成这件事，绑定它到子组件的 onCommentSubmit 事件上。无论事件什么时候触发，回调函数都将被调用：
      
-
      // tutorial17.js
+
      // tutorial18.js
 var CommentBox = React.createClass({
   loadCommentsFromServer: function() {
     $.ajax({
@@ -883,26 +933,43 @@
   }
 });
 
      
-
      当用户提交表单时，让我们从 CommentForm 调用这个回调函数：
      
-
      // tutorial18.js
+
      既然 CommentBox 已经通过 onCommentSubmit prop 使回调函数对于 CommentForm 可用，CommentForm 就可以在用户提交表单时调用回调函数：
      
+
      // tutorial19.js
 var CommentForm = React.createClass({
+  getInitialState: function() {
+    return {author: '', text: ''};
+  },
+  handleAuthorChange: function(e) {
+    this.setState({author: e.target.value});
+  },
+  handleTextChange: function(e) {
+    this.setState({text: e.target.value});
+  },
   handleSubmit: function(e) {
     e.preventDefault();
-    var author = React.findDOMNode(this.refs.author).value.trim();
-    var text = React.findDOMNode(this.refs.text).value.trim();
+    var author = this.state.author.trim();
+    var text = this.state.text.trim();
     if (!text || !author) {
       return;
     }
     this.props.onCommentSubmit({author: author, text: text});
-    React.findDOMNode(this.refs.author).value = '';
-    React.findDOMNode(this.refs.text).value = '';
-    return;
+    this.setState({author: '', text: ''});
   },
   render: function() {
     return (
       <form className="commentForm" onSubmit={this.handleSubmit}>
-        <input type="text" placeholder="Your name" ref="author" />
-        <input type="text" placeholder="Say something..." ref="text" />
+        <input
+          type="text"
+          placeholder="Your name"
+          value={this.state.author}
+          onChange={this.handleAuthorChange}
+        />
+        <input
+          type="text"
+          placeholder="Say something..."
+          value={this.state.text}
+          onChange={this.handleTextChange}
+        />
         <input type="submit" value="Post" />
       </form>
     );
@@ -910,7 +977,7 @@
 });
 
      
 
      既然现在回调函数已经就绪，我们所需要做的就是提交到服务器然后刷新列表：
      
-
      // tutorial19.js
+
      // tutorial20.js
 var CommentBox = React.createClass({
   loadCommentsFromServer: function() {
     $.ajax({
@@ -958,7 +1025,7 @@
 });
 
      优化: 优化的更新 #
      
 
      我们的应用现在已经功能完备，但是它感觉很慢，因为在评论出现在列表前必须等待请求完成。我们可以优化添加这条评论到列表以使应用感觉更快。
      
-
      // tutorial20.js
+
      // tutorial21.js
 var CommentBox = React.createClass({
   loadCommentsFromServer: function() {
     $.ajax({
@@ -975,6 +1042,10 @@
   },
   handleCommentSubmit: function(comment) {
     var comments = this.state.data;
+    // Optimistically set an id on the new comment. It will be replaced by an
+    // id generated by the server. In a production application you would likely
+    // not use Date.now() for this and would have a more robust system in place.
+    comment.id = Date.now();
     var newComments = comments.concat([comment]);
     this.setState({data: newComments});
     $.ajax({
@@ -1054,6 +1125,12 @@
       js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527";
       fjs.parentNode.insertBefore(js, fjs);
     }(document, 'script', 'facebook-jssdk'));
+
+    docsearch({
+      apiKey: '36221914cce388c46d0420343e0bb32e',
+      indexName: 'react',
+      inputSelector: '#algolia-doc-search'
+    });
   
 
 
diff --git a/docs/two-way-binding-helpers-it-IT.html b/docs/two-way-binding-helpers-it-IT.html
index 41749d8cd4..beb72dbfe4 100644
--- a/docs/two-way-binding-helpers-it-IT.html
+++ b/docs/two-way-binding-helpers-it-IT.html
@@ -16,6 +16,7 @@
   
   
 
+  
   
   
   
@@ -28,6 +29,7 @@
   
   
   
+  
   
   
   
@@ -50,6 +52,9 @@
           
    • Support
      • 
           
    • Download
      • 
           
    • Blog
      • 
+          
    • 
+            
+          
      •
      @@ -544,6 +549,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/two-way-binding-helpers-ja-JP.html b/docs/two-way-binding-helpers-ja-JP.html index 32888ab736..16c4345c1c 100644 --- a/docs/two-way-binding-helpers-ja-JP.html +++ b/docs/two-way-binding-helpers-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -541,6 +546,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/two-way-binding-helpers-ko-KR.html b/docs/two-way-binding-helpers-ko-KR.html index 88ee9f830e..165eef847c 100644 --- a/docs/two-way-binding-helpers-ko-KR.html +++ b/docs/two-way-binding-helpers-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -548,6 +553,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/two-way-binding-helpers-zh-CN.html b/docs/two-way-binding-helpers-zh-CN.html index 37e8a0c9fb..70f4028282 100644 --- a/docs/two-way-binding-helpers-zh-CN.html +++ b/docs/two-way-binding-helpers-zh-CN.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -416,7 +421,7 @@

      注意：

      -

      如果你刚学这个框架，注意 ReactLink 对大多数应用是不需要的，应该慎重的使用。

      +

      在 React v15 中 ReactLink 被弃用了。推荐明确的设置值和变动的处理，而不是使用 ReactLink。

      在React里，数据单向流动： 从拥有者到子级。这是因为数据只单向流动the Von Neumann model of computing。你可以把它想象为 “单向数据绑定”。

      @@ -548,6 +553,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/two-way-binding-helpers.html b/docs/two-way-binding-helpers.html index b2d07b9244..ecf5fd03d7 100644 --- a/docs/two-way-binding-helpers.html +++ b/docs/two-way-binding-helpers.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -548,6 +553,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/update-it-IT.html b/docs/update-it-IT.html index 5f869297d5..6656d55872 100644 --- a/docs/update-it-IT.html +++ b/docs/update-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -513,6 +518,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/update-ja-JP.html b/docs/update-ja-JP.html index ca16a6dc11..df68576286 100644 --- a/docs/update-ja-JP.html +++ b/docs/update-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -513,6 +518,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/update-ko-KR.html b/docs/update-ko-KR.html index 1821ea910e..5601214efa 100644 --- a/docs/update-ko-KR.html +++ b/docs/update-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -515,6 +520,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/update-zh-CN.html b/docs/update-zh-CN.html new file mode 100644 index 0000000000..ccd57794c4 --- /dev/null +++ b/docs/update-zh-CN.html @@ -0,0 +1,531 @@ + + + + + + + immutability 助手 | React + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +
      + + + React + + + + +
      +
      + + + +
      +
      + + +
      +

      Quick Start

      + +
      + +
      +

      Community Resources

      + +
      + +
      +

      Guides

      + +
      + +
      +

      Reference

      + +
      + +
      +

      Flux

      + +
      + + + + +
      +

      Tips

      + +
      + +
      + + +
      +

      + immutability 助手 + Edit on GitHub +

      +
      + +

      React 让你可以使用任何你想要的数据管理方式，包括 mutation。然而，如果你可以在你的应用的性能关键性部分里使用 immutable 数据，将会易于实现一个快速的 shouldComponentUpdate() 方法来显著加速你的 app。

      + +

      在 JavaScript 里处理 immutable 数据比在为此设计的语言中要难的多，比如 Clojure。然而，我们提供了一个简单的 immutability 助手，update()，它使处理这类数据容易多了，不用 根本性的改变你的数据的表达方式。你也同样可以看一看 Facebook 的 Immutable-js 和Advanced Performance 了解更多关于 Immutable-js 的信息。

      +

      主要的思路 #

      +

      如果你像这样变动数据：

      +
      myData.x.y.z = 7;
+// or...
+myData.a.b.push(9);
+
      +

      你将没有任何办法决定哪个数据被改变了，因为之前的拷贝已经被覆盖。作为替代，你需要创建一个新的 myData 的拷贝并且只修改需要改变的地方。然后你可以用三个等于在 shouldComponentUpdate() 里比较旧的 myData 拷贝与新的拷贝：

      +
      var newData = deepCopy(myData);
+newData.x.y.z = 7;
+newData.a.b.push(9);
+
      +

      不幸的是，深拷贝很昂贵，并且有时候不可能。你可以通过仅仅拷贝需要被改变和重用没有改变的对象来缓解这个情况。不幸的是，在当今的 JavaScript 里这会很笨重：

      +
      var newData = extend(myData, {
+  x: extend(myData.x, {
+    y: extend(myData.x.y, {z: 7}),
+  }),
+  a: extend(myData.a, {b: myData.a.b.concat(9)})
+});
+
      +

      虽然这相当高性能（因为只对 log n 的对象进行了浅拷贝并重用了剩下的），但它写起来很痛苦。看看所有重复的代码！这不仅仅是烦人的，同时也提供了一大片 bugs 区域。

      + +

      update() 提供了这个模式的简单语法糖来使写这类代码更容易。上面的代码变成：

      +
      var update = require('react-addons-update');
+
+var newData = update(myData, {
+  x: {y: {z: {$set: 7}}},
+  a: {b: {$push: [9]}}
+});
+
      +

      虽然这个语法需要花一些时间来适应（它的灵感来自于 MongoDB's query language），但是没有冗余，它可静态分析并且没有 mutative 版本那么多键入。

      + +

      $-前缀的 keys 被称为 命令。被 "变动的" 数据结构被称为 目标。

      +

      有效的命令 #

      +
        +
      • {$push: array} 在目标上 push() 所有 array 里的项目。
        • +
      • {$unshift: array} 在目标上 unshift() 所有 array 里的项目。
        • +
      • {$splice: array of arrays} 在目标上对于每一个 arrays 里的项目使用项目提供的参数调用 splice()。
        • +
      • {$set: any} 整个替换目标.
        • +
      • {$merge: object} 合并 目标和 object 的 keys.
        • +
      • {$apply: function} 传递当前的值给 function 并用返回值更新它。
        • +
      +

      例子 #

      简单的 push #

      var initialArray = [1, 2, 3];
+var newArray = update(initialArray, {$push: [4]}); // => [1, 2, 3, 4]
+
      +

      initialArray is still [1, 2, 3].

      +

      嵌套的 collections #

      var collection = [1, 2, {a: [12, 17, 15]}];
+var newCollection = update(collection, {2: {a: {$splice: [[1, 1, 13, 14]]}}});
+// => [1, 2, {a: [12, 13, 14, 15]}]
+
      +

      本例访问了 collection 的2索引下的键a，并且拼接了一个从索引1开始（移除17）并插入13和14的项目。

      +

      基于当前的值更新新值 #

      var obj = {a: 5, b: 3};
+var newObj = update(obj, {b: {$apply: function(x) {return x * 2;}}});
+// => {a: 5, b: 6}
+// This is equivalent, but gets verbose for deeply nested collections:
+var newObj2 = update(obj, {b: {$set: obj.b * 2}});
+

      (浅) 合并 #

      var obj = {a: 5, b: 3};
+var newObj = update(obj, {$merge: {b: 6, c: 7}}); // => {a: 5, b: 6, c: 7}
+
      + +
      + + ← Prev + + + Next → + +
      +
      +
      + + +
      +
      + A Facebook & Instagram collaboration.
      + Acknowledgements +
      +
      + © 2013–2016 Facebook Inc.
      + Documentation licensed under CC BY 4.0. +
      +
      +
      +
      + + + + diff --git a/docs/update.html b/docs/update.html index 2fdac23749..bcc592dce2 100644 --- a/docs/update.html +++ b/docs/update.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -515,6 +520,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/videos-it-IT.html b/docs/videos-it-IT.html index d094414a43..bc9a191027 100644 --- a/docs/videos-it-IT.html +++ b/docs/videos-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -590,6 +595,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/videos-ko-KR.html b/docs/videos-ko-KR.html index a3fe399844..5a61c87d6b 100644 --- a/docs/videos-ko-KR.html +++ b/docs/videos-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -591,6 +596,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/videos-zh-CN.html b/docs/videos-zh-CN.html index 8eff21b325..3909c6ae8c 100644 --- a/docs/videos-zh-CN.html +++ b/docs/videos-zh-CN.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -590,6 +595,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/videos.html b/docs/videos.html index 15c34fdf4c..98ed1821a5 100644 --- a/docs/videos.html +++ b/docs/videos.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -590,6 +595,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/webcomponents.html b/docs/webcomponents.html index 8f51e73cbb..2bb42d94e9 100644 --- a/docs/webcomponents.html +++ b/docs/webcomponents.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -490,6 +495,12 @@ You will need to manually attach event handlers to handle these events within yo js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/why-react-de-DE.html b/docs/why-react-de-DE.html index 630240b0ea..ae60e0803a 100644 --- a/docs/why-react-de-DE.html +++ b/docs/why-react-de-DE.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -464,6 +469,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/why-react-it-IT.html b/docs/why-react-it-IT.html index 7b9ebb60f1..dcebbcb8e9 100644 --- a/docs/why-react-it-IT.html +++ b/docs/why-react-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -466,6 +471,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/why-react-ja-JP.html b/docs/why-react-ja-JP.html index 0f3bc50484..f31b5994c8 100644 --- a/docs/why-react-ja-JP.html +++ b/docs/why-react-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -466,6 +471,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/why-react-ko-KR.html b/docs/why-react-ko-KR.html index 03f86526c6..f87c80d977 100644 --- a/docs/why-react-ko-KR.html +++ b/docs/why-react-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -466,6 +471,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/why-react-zh-CN.html b/docs/why-react-zh-CN.html index 9803249e31..18490b90fe 100644 --- a/docs/why-react-zh-CN.html +++ b/docs/why-react-zh-CN.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -466,6 +471,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/why-react.html b/docs/why-react.html index 30cb91e6da..6afec66cab 100644 --- a/docs/why-react.html +++ b/docs/why-react.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -466,6 +471,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/working-with-the-browser-it-IT.html b/docs/working-with-the-browser-it-IT.html index 8d33ca8898..a8940452e4 100644 --- a/docs/working-with-the-browser-it-IT.html +++ b/docs/working-with-the-browser-it-IT.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -539,6 +544,12 @@ Al momento i gestori di questo evento vengono ignorati su IE8.

      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/working-with-the-browser-ja-JP.html b/docs/working-with-the-browser-ja-JP.html index 41e37740f2..ff4e2f8fd8 100644 --- a/docs/working-with-the-browser-ja-JP.html +++ b/docs/working-with-the-browser-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -572,6 +577,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/working-with-the-browser-ko-KR.html b/docs/working-with-the-browser-ko-KR.html index a15934025c..bc26b3bc49 100644 --- a/docs/working-with-the-browser-ko-KR.html +++ b/docs/working-with-the-browser-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -539,6 +544,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/working-with-the-browser-zh-CN.html b/docs/working-with-the-browser-zh-CN.html index 4b2171297c..64c9e8ea2d 100644 --- a/docs/working-with-the-browser-zh-CN.html +++ b/docs/working-with-the-browser-zh-CN.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -538,6 +543,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/docs/working-with-the-browser.html b/docs/working-with-the-browser.html index befb5aa1e9..892c06f64b 100644 --- a/docs/working-with-the-browser.html +++ b/docs/working-with-the-browser.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -501,6 +506,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/downloads.html b/downloads.html index d6bb44c42f..8d3ed4b42b 100644 --- a/downloads.html +++ b/downloads.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -158,6 +163,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/feed.xml b/feed.xml index 44203422a3..2f3861718a 100644 --- a/feed.xml +++ b/feed.xml @@ -45,7 +45,7 @@ Minified build for production: <a href="https://fb.me/react-dom-15.0.0-r React v15.0 Release Candidate - <p>Sorry for the small delay in releasing this. As we said, we&#39;ve been busy binge-watching House of Cards. That scene in the last episode where Francis and Claire Underwood <abbr title="You didn't think we would actually spoil anything did you?">████████████████████████████████████</abbr>. WOW!</p> + <p>Sorry for the small delay in releasing this. As we said, we&#39;ve been busy binge-watching House of Cards. That scene in the last episode where Francis and Claire Underwood <abbr title="You didn't think we would actually spoil anything did you?">████████████████████████████████████</abbr>. WOW!</p> <p>But now we&#39;re ready, so without further ado, we&#39;re shipping a release candidate for React v15 now. As a reminder, <a href="/react/blog/2016/02/19/new-versioning-scheme.html">we&#39;re switching to major versions</a> to indicate that we have been using React in production for a long time. This 15.0 release follows our previous 0.14 version and we&#39;ll continue to follow semver like we&#39;ve been doing since 2013. It&#39;s also worth noting that <a href="/react/blog/2016/01/12/discontinuing-ie8-support.html">we no longer actively support Internet Explorer 8</a>. We believe React will work in its current form there but we will not be prioritizing any efforts to fix new issues that only affect IE8.</p> diff --git a/html-jsx.html b/html-jsx.html index 6ab4cd40d7..d3081c574f 100644 --- a/html-jsx.html +++ b/html-jsx.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -99,6 +104,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/img/search.png b/img/search.png new file mode 100644 index 0000000000..222fb660da Binary files /dev/null and b/img/search.png differ diff --git a/index.html b/index.html index f0752bc58f..261982aa8e 100644 --- a/index.html +++ b/index.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -197,6 +202,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/jsx-compiler.html b/jsx-compiler.html index e3b9e9735d..b99584a61b 100644 --- a/jsx-compiler.html +++ b/jsx-compiler.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -105,6 +110,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/support.html b/support.html index fbfee6023b..443d8bd975 100644 --- a/support.html +++ b/support.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -115,6 +120,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/children-props-type-ko-KR.html b/tips/children-props-type-ko-KR.html index 7a24978b38..808f9332fd 100644 --- a/tips/children-props-type-ko-KR.html +++ b/tips/children-props-type-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -485,6 +490,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/children-props-type.html b/tips/children-props-type.html index acbd70b1be..30e76afffb 100644 --- a/tips/children-props-type.html +++ b/tips/children-props-type.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -485,6 +490,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/children-undefined-ko-KR.html b/tips/children-undefined-ko-KR.html index a653a3ea49..012b2f59d9 100644 --- a/tips/children-undefined-ko-KR.html +++ b/tips/children-undefined-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -467,6 +472,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/children-undefined.html b/tips/children-undefined.html index 5dd17d5346..f0ff77ed4f 100644 --- a/tips/children-undefined.html +++ b/tips/children-undefined.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -467,6 +472,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/communicate-between-components-ko-KR.html b/tips/communicate-between-components-ko-KR.html index c0ba471111..c678878c5b 100644 --- a/tips/communicate-between-components-ko-KR.html +++ b/tips/communicate-between-components-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -478,6 +483,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/communicate-between-components.html b/tips/communicate-between-components.html index 9ce4c7dacc..33d79ac970 100644 --- a/tips/communicate-between-components.html +++ b/tips/communicate-between-components.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -478,6 +483,12 @@ Say your GroceryList component has a list of items generated throug js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/componentWillReceiveProps-not-triggered-after-mounting-ko-KR.html b/tips/componentWillReceiveProps-not-triggered-after-mounting-ko-KR.html index ac43026f52..16c64f1e0b 100644 --- a/tips/componentWillReceiveProps-not-triggered-after-mounting-ko-KR.html +++ b/tips/componentWillReceiveProps-not-triggered-after-mounting-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -454,6 +459,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/componentWillReceiveProps-not-triggered-after-mounting.html b/tips/componentWillReceiveProps-not-triggered-after-mounting.html index f613840e30..d19f44c84d 100644 --- a/tips/componentWillReceiveProps-not-triggered-after-mounting.html +++ b/tips/componentWillReceiveProps-not-triggered-after-mounting.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -454,6 +459,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/controlled-input-null-value-ko-KR.html b/tips/controlled-input-null-value-ko-KR.html index a06c35ab0c..23fcbaf931 100644 --- a/tips/controlled-input-null-value-ko-KR.html +++ b/tips/controlled-input-null-value-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -461,6 +466,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/controlled-input-null-value.html b/tips/controlled-input-null-value.html index d759d213cc..998efb391c 100644 --- a/tips/controlled-input-null-value.html +++ b/tips/controlled-input-null-value.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -461,6 +466,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/dangerously-set-inner-html-ko-KR.html b/tips/dangerously-set-inner-html-ko-KR.html index 392fa6f0a8..f1eed96333 100644 --- a/tips/dangerously-set-inner-html-ko-KR.html +++ b/tips/dangerously-set-inner-html-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -462,6 +467,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/dangerously-set-inner-html.html b/tips/dangerously-set-inner-html.html index 1eea320869..a7261b0776 100644 --- a/tips/dangerously-set-inner-html.html +++ b/tips/dangerously-set-inner-html.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -462,6 +467,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/dom-event-listeners-ko-KR.html b/tips/dom-event-listeners-ko-KR.html index e3d9a7164f..5ffd689383 100644 --- a/tips/dom-event-listeners-ko-KR.html +++ b/tips/dom-event-listeners-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -485,6 +490,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/dom-event-listeners.html b/tips/dom-event-listeners.html index ba64a3f770..e74bf2b25b 100644 --- a/tips/dom-event-listeners.html +++ b/tips/dom-event-listeners.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -485,6 +490,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/expose-component-functions-ko-KR.html b/tips/expose-component-functions-ko-KR.html index 1d013e70c9..cf2a872dd0 100644 --- a/tips/expose-component-functions-ko-KR.html +++ b/tips/expose-component-functions-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -498,6 +503,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/expose-component-functions.html b/tips/expose-component-functions.html index 41e487ec9e..a065d70cb0 100644 --- a/tips/expose-component-functions.html +++ b/tips/expose-component-functions.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -498,6 +503,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/false-in-jsx-ko-KR.html b/tips/false-in-jsx-ko-KR.html index 93c0ec01c4..f6e8eeff55 100644 --- a/tips/false-in-jsx-ko-KR.html +++ b/tips/false-in-jsx-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -463,6 +468,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/false-in-jsx.html b/tips/false-in-jsx.html index 52d744db39..87a1eee9e8 100644 --- a/tips/false-in-jsx.html +++ b/tips/false-in-jsx.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -463,6 +468,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/if-else-in-JSX-ko-KR.html b/tips/if-else-in-JSX-ko-KR.html index fce8aa5262..a96130b3ac 100644 --- a/tips/if-else-in-JSX-ko-KR.html +++ b/tips/if-else-in-JSX-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -510,6 +515,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/if-else-in-JSX.html b/tips/if-else-in-JSX.html index 7851d9a07e..e586ab5a88 100644 --- a/tips/if-else-in-JSX.html +++ b/tips/if-else-in-JSX.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -510,6 +515,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/initial-ajax-ko-KR.html b/tips/initial-ajax-ko-KR.html index 0bb1c8d9b2..a01ca042ca 100644 --- a/tips/initial-ajax-ko-KR.html +++ b/tips/initial-ajax-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -490,6 +495,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/initial-ajax.html b/tips/initial-ajax.html index d5b1a2c0ca..0bffe40f5d 100644 --- a/tips/initial-ajax.html +++ b/tips/initial-ajax.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -492,6 +497,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/inline-styles-ko-KR.html b/tips/inline-styles-ko-KR.html index e111e9f6b5..8311fd1852 100644 --- a/tips/inline-styles-ko-KR.html +++ b/tips/inline-styles-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -462,6 +467,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/inline-styles.html b/tips/inline-styles.html index af68f73184..2dd14e462a 100644 --- a/tips/inline-styles.html +++ b/tips/inline-styles.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -462,6 +467,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/introduction-ja-JP.html b/tips/introduction-ja-JP.html index 75bef37f07..e3f80bb260 100644 --- a/tips/introduction-ja-JP.html +++ b/tips/introduction-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -452,6 +457,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/introduction-ko-KR.html b/tips/introduction-ko-KR.html index 6963a9c364..812639f04b 100644 --- a/tips/introduction-ko-KR.html +++ b/tips/introduction-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -452,6 +457,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/introduction.html b/tips/introduction.html index d83399aff4..452be9c6a3 100644 --- a/tips/introduction.html +++ b/tips/introduction.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -452,6 +457,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/maximum-number-of-jsx-root-nodes-ko-KR.html b/tips/maximum-number-of-jsx-root-nodes-ko-KR.html index 6a76fb03ba..f0e9f16623 100644 --- a/tips/maximum-number-of-jsx-root-nodes-ko-KR.html +++ b/tips/maximum-number-of-jsx-root-nodes-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -454,6 +459,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/maximum-number-of-jsx-root-nodes.html b/tips/maximum-number-of-jsx-root-nodes.html index 84527420c1..cafe076879 100644 --- a/tips/maximum-number-of-jsx-root-nodes.html +++ b/tips/maximum-number-of-jsx-root-nodes.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -454,6 +459,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/props-in-getInitialState-as-anti-pattern-ko-KR.html b/tips/props-in-getInitialState-as-anti-pattern-ko-KR.html index ba76ac2bc9..244b384a15 100644 --- a/tips/props-in-getInitialState-as-anti-pattern-ko-KR.html +++ b/tips/props-in-getInitialState-as-anti-pattern-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -500,6 +505,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/props-in-getInitialState-as-anti-pattern.html b/tips/props-in-getInitialState-as-anti-pattern.html index 14317ddff7..fbf06ee48a 100644 --- a/tips/props-in-getInitialState-as-anti-pattern.html +++ b/tips/props-in-getInitialState-as-anti-pattern.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -503,6 +508,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/references-to-components-ko-KR.html b/tips/references-to-components-ko-KR.html index f106df58b2..014e805c10 100644 --- a/tips/references-to-components-ko-KR.html +++ b/tips/references-to-components-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -452,6 +457,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/references-to-components.html b/tips/references-to-components.html index 279dbbebbf..e00ccd4101 100644 --- a/tips/references-to-components.html +++ b/tips/references-to-components.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -452,6 +457,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/self-closing-tag-ja-JP.html b/tips/self-closing-tag-ja-JP.html index 2b3f608f69..119a49f32c 100644 --- a/tips/self-closing-tag-ja-JP.html +++ b/tips/self-closing-tag-ja-JP.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -458,6 +463,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/self-closing-tag-ko-KR.html b/tips/self-closing-tag-ko-KR.html index dc9d354d21..d9b6ef0a0c 100644 --- a/tips/self-closing-tag-ko-KR.html +++ b/tips/self-closing-tag-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -458,6 +463,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/self-closing-tag.html b/tips/self-closing-tag.html index a683059f8a..b8a03277b8 100644 --- a/tips/self-closing-tag.html +++ b/tips/self-closing-tag.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -458,6 +463,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/style-props-value-px-ko-KR.html b/tips/style-props-value-px-ko-KR.html index 8234a557ce..e8d8773fd1 100644 --- a/tips/style-props-value-px-ko-KR.html +++ b/tips/style-props-value-px-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -487,6 +492,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/style-props-value-px.html b/tips/style-props-value-px.html index ff190889f6..aa566d0850 100644 --- a/tips/style-props-value-px.html +++ b/tips/style-props-value-px.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -487,6 +492,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/use-react-with-other-libraries-ko-KR.html b/tips/use-react-with-other-libraries-ko-KR.html index 7ace8ceab0..f1f826d8de 100644 --- a/tips/use-react-with-other-libraries-ko-KR.html +++ b/tips/use-react-with-other-libraries-ko-KR.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -478,6 +483,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + }); diff --git a/tips/use-react-with-other-libraries.html b/tips/use-react-with-other-libraries.html index 694641ca19..f6ea85d67a 100644 --- a/tips/use-react-with-other-libraries.html +++ b/tips/use-react-with-other-libraries.html @@ -16,6 +16,7 @@ + @@ -28,6 +29,7 @@ + @@ -50,6 +52,9 @@
    • Support
    • Download
    • Blog
      • +
    • + +
      @@ -478,6 +483,12 @@ js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=623268441017527"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); + + docsearch({ + apiKey: '36221914cce388c46d0420343e0bb32e', + indexName: 'react', + inputSelector: '#algolia-doc-search' + });