Why React?
React是Facebook和Instagram用来构建user interface的JavaScript Library,它要解决的核心问题:
building large applications with data that changes over time.
Reactive Updates
React use a fast, internal mock DOM to perform diffs and computes the most efficient DOM mutation for you.
当你去更改数据的时候,React并不会去直接操作DOM,而只是去操作React提供虚拟DOM,然后React会去diff虚拟DOM和真实DOM的差别,帮你找出一个最高效的DOM改变来进行更改和渲染。这个算法叫Dom diff,
http://calendar.perfplanet.com/2013/diff/。
Components are Just Like Functions
你可以简单认为React Components是就是函数,这个函数接收 props 和 state 属性,然后渲染出来HTML。记住这个概念的话,components就非常容易理解了。但是有一点需要注意的是,React components 只能渲染一个单根节点,如果需要渲染多个节点的话,就必须把这些节点包装到一个single root之中。
JSX Syntax
From:
https://facebook.github.io/react/docs/displaying-data.html,下面是我从这个章节中摘抄出来的,感觉比较有含义的关于JSX和React的描述,翻译的话,效果估计不会特别好,直接摘抄好了。
We strongly believe t