React.renderComponent(, domNode)

我們收到關(guān)于React問題中，有大部分是關(guān)于props的，特別是人們希望對props進(jìn)行驗證或者使其有個合理的默認(rèn)值。

在使用props之前，我們經(jīng)常對props的某些參數(shù)進(jìn)行某些特殊的處理，例如：需要確定這些屬性是否是特定的類型、需求限定某些值、某些參數(shù)的成分是必須的。這些驗證我們都可以在render里面處理，但是這回使render顯得臃腫！

現(xiàn)在，React v.04帶來的內(nèi)建的驗證模塊，你可以寫你自己的限定

React.createClass({
  propTypes: {
    // An optional string prop named "description".
    description: React.PropTypes.string,
    // A required enum prop named "category".
    category: React.PropTypes.oneOf(["News","Photos"]).isRequired,
    // A prop named "dialog" that requires an instance of Dialog.
    dialog: React.PropTypes.instanceOf(Dialog).isRequired
  },
  ...
});

在以往的例子里面，我們經(jīng)?？吹揭韵麓a：

React.createClass({
  render: function() {
    var value = this.props.value || "default value";
    return 
{value}
;
  }
});

如果對幾個穿插在幾個不同組件的props進(jìn)行以上操作，這將會產(chǎn)生大量的冗余代碼。在React v0.04中，你可以以申明的方式提供默認(rèn)值。

React.createClass({
  getDefaultProps: function() {
    return {
      value: "default value"
    };
  }
  ...
});

在render之前，我們使用這些函數(shù)進(jìn)行處理（我們也會在render之前支持所有的驗證函數(shù)），以保證你在使用的時候拿到的數(shù)據(jù)是你所需要的。

Both of these features are entirely optional. We"ve found them to be increasingly valuable at Facebook as our applications grow and evolve, and we hope others find them useful as well.

React v0.4.1版本只是進(jìn)行了小小的改動。主要是進(jìn)行修復(fù)。部分代碼在底層修改了，但是這不會影響你調(diào)用我們的公共Api。

setState的callback參數(shù)，會在組件域調(diào)用。

click事件已經(jīng)在移動Safari上支持。

阻止已經(jīng)在Object.prototype上存在的事件錯誤處理。

不用設(shè)置先前就已經(jīng)定義了的DOM屬性為undefined。

優(yōu)化對iframe屬性的支持。

增加checksums屬性來檢測和校驗服務(wù)端渲染和客戶端實際渲染內(nèi)容的是否一致。

改良環(huán)境檢測機(jī)制，使其能運行在非瀏覽器環(huán)境。

Improved environment detection so it can be run in a non-browser environment.

今天我們很高興的宣布PyReact的初始版本的發(fā)布。它使得在你的pyhton應(yīng)用中能夠很好的使用React和JSX。PyReact設(shè)計的宗旨是提供一個轉(zhuǎn)化JSX為JavaScript的API。

from react import jsx
# For multiple paths, use the JSXTransformer class.
transformer = jsx.JSXTransformer()
for jsx_path, js_path in my_paths:
    transformer.transform(jsx_path, js_path)
# For a single file, you can use a shortcut method.
jsx.transform("path/to/input/file.jsx", "path/to/output/file.js")

#install
$ pip install PyReact
#use
PIPELINE_COMPILERS = ( "react.utils.pipeline.JSXCompiler",)

Jordan Walke 實現(xiàn)了一個完整的react項目react-page。其支持客戶端和服務(wù)端的渲染、使用模板系統(tǒng)進(jìn)行轉(zhuǎn)化和打包、實時重載。

為什么使用服務(wù)端渲染？

提高頁面初始化速度

在下載JavaScript前，一些標(biāo)簽元素將會被展示給用戶。

在服務(wù)端標(biāo)簽元素的構(gòu)建遠(yuǎn)遠(yuǎn)快于客戶端。

更快的開發(fā)和構(gòu)建原型

不用等待任何監(jiān)聽腳本或打包器。

更容易的部署

SEO

服務(wù)端渲染是如何進(jìn)行的？

在服務(wù)端構(gòu)建、發(fā)送標(biāo)簽給客戶端，這樣用戶可以很快的看到內(nèi)容。

然后對應(yīng)的JavaScript將會被打包送往客戶端。

瀏覽器運行對應(yīng)JavaScript，這樣所有的事件句柄、交互、數(shù)據(jù)更新等將會無縫隙的對服務(wù)端生成的標(biāo)記進(jìn)行綁定。

肉眼看來這一切好像都是發(fā)生在客戶端，只是更快。

優(yōu)化內(nèi)存使用：通過使用 GC PAUSES（GC：Garbage Collection，垃圾收集，垃圾回收）機(jī)制，減少核心內(nèi)存分配。

提升性能：為了提供代碼運行速度，我們從V8和Nitro中剔除了一些slow path code。

在網(wǎng)絡(luò)設(shè)備里面區(qū)分不同的路徑是一個很自然的選擇，因為網(wǎng)絡(luò)設(shè)備的首要任務(wù)是轉(zhuǎn)發(fā)網(wǎng)絡(luò)包，不同的網(wǎng)絡(luò)包，在設(shè)備里面的處理路徑不同。fast path就是那些可以依據(jù)已有狀態(tài)轉(zhuǎn)發(fā)的路徑，在這些路徑上，網(wǎng)關(guān)，二層地址等都已經(jīng)準(zhǔn)備好了，不需要緩存數(shù)據(jù)包，而是可以直接轉(zhuǎn)發(fā)。slow path是那些需要額外信息的包，比如查找路由，解析MAC地址等。
first path是設(shè)備收到流上第一個包所走過的路徑，比如tcp里面的syn包，有些實現(xiàn)把三次握手都放到first path里面處理，而有些只需處理syn包，其他包就進(jìn)入fast path的處理路徑。
在NP或者ASIC里面也需要區(qū)分slow path和fast path，fast path上的包都放在SRAM里面，而slow path的包放在DRAM里面。不過這也非絕對。決定處理路徑的是對于速度的考慮。處理器的速度，內(nèi)存的速度等。訪問內(nèi)存的速度由速度和帶寬兩個因素決定。因此，把SRAM放到fast path上，也是很自然的選擇。
fast path: Frontend -> simple code generator -> assembler
slow path: Frontend -> IR optimizer (sometimes more than one level of IR) -> code-generator -> assembler

標(biāo)準(zhǔn)化支持：DOM屬性的處理。在處理之前不僅有多余的檢查和開銷，而且還是混淆使用者?，F(xiàn)在我們會一直控制你的屬性值為string直到渲染。

支持Selection事件。

支持混合事件（池化喲）。

支持一些額外DOM屬性：charSet, content, form, httpEquiv, rowSpan, autoCapitalize。

支持額外的SVG屬性：rx、ry。

同時支持getInitialState和getDefaultProps。

支持掛載到iframes。

表單組件的bugfix。

增加react.version。

增加react.isValidClass：用戶檢查某個值是否是有效的組件構(gòu)造函數(shù)。

刪除React.autoBind。在React v0.4中棄用，現(xiàn)在正式刪除。

重命名：React.unmountAndReleaseReactRootNode 為 React.unmountComponentAtNode。

開始著手于精細(xì)的性能分析。

更好的支持服務(wù)端渲染。

是React運行于一個嚴(yán)格的安全策略下成為可能。同時使使用React編寫chrome插件成為可能。

屬性class更名問className。

增加警告提示（非生產(chǎn)環(huán)境）。

改善Window兼容性。

我們JSX解釋器處理空格上面進(jìn)行了改變。簡單來說就是，在一行上面組件與組件之前的空格將會被保留，而換行(文本節(jié)點或者組件)會被忽略。

  Monkeys:
  {listOfMonkeys} {submitButton}

0.8-
React.DOM.div(null,
  " Monkeys: ",
  listOfMonkeys, submitButton
)
0.9+
React.DOM.div(null,
  "Monkeys:",
  listOfMonkeys, " ", submitButton
)

相信這個新特性會非常有空，可以有效減少匆忙之中帶來的非期待的空格。

如果你希望保留 后面緊跟換行文本節(jié)點 后面的空格，那么你可以在JSX里面使用這種寫法：{"Monkeys: }。

我們在去年春天發(fā)布了React，但是我們卻有意的沒有發(fā)布版本React v1.0。其實我們已經(jīng)做好了生產(chǎn)準(zhǔn)備，但是我們計劃在內(nèi)部和外部根據(jù)開發(fā)者怎么使用React來發(fā)展API和行為特性。在過去的九個月我們學(xué)到了很多，并且思考很多關(guān)于1.0對于React意味著什么。在過去的兩周內(nèi)，我在多個項目里面概述了我們打算進(jìn)入1.0+的世界。今天我書寫一點點給我們的用戶，以便用戶更好的了解我們的計劃。

我們在1.0中主要的目的是闡明我們的消息模式，并且聚焦在一個與我們目的相關(guān)的API上面進(jìn)行處理。為了完成這個目的，我們清除一些已經(jīng)遇到的不友好的模式，真正的幫助開發(fā)者寫出更好的代碼。

在我們正式推出React之前，我們就思考過如何在React里面利用ES6，即類，以此來提高創(chuàng)建React組件的體驗。我們覺得使用 React.createClass(…) 不是一個最好的選擇。即使在使用方面優(yōu)劣性沒有正確的答案，但是我們在向ES6方面靠攏。我們希望確保這個過程盡可能的簡單。例如：

class MyComponent extends React.Component {
  render() {
    ...
  }
}

其他一些ES6的特性我們在React核心使用了。確信后面會有更多的特性加入。

JSX在ES6方面的支持我們已經(jīng)在react-tools里面搭船上線。已經(jīng)支持轉(zhuǎn)化大部分的ES6代碼轉(zhuǎn)換為老瀏覽器支持的代碼。

盡管我們沒有在文檔中提及過context，但是它以某種形式在React確切存在的。

While we haven"t documented context, it exists in some form in React already. It exists as a way to pass values through a tree without having to use props at every single point. We"ve seen this need crop up time and time again, so we want to make this as easy as possible. Its use has performance tradeoffs, and there are known weaknesses in our implementation, so we want to make sure this is a solid feature.

從React0.11開始，getDefaultProps()只會在 React.createClass() 調(diào)用的時候調(diào)用一次，替代原來每次組件渲染時調(diào)用。這就意味著 getDefaultProps() 不會改變他的返回值，同時任何對象將會在所有實例中共享。這個改變提示了性能，并且使得將來能夠更早的在渲染中做 PropTypes check ，這將使我們能夠給出更好的錯誤提示。

自從React發(fā)布以來，開發(fā)者基本都遇到過 render nothing 的情況。通常是返回一個空