react1

官网：http://reactjs.cn/

 

 

http://www.cocoachina.com/webapp/20150721/12692.html

先说明，上边的连接作者用的是react13的，所以会有JSXTransformer.js,但是现在最新的已经没有这个了。

总结一下：react是基于virtual DOM的，是基于组件化的开发框架，应对于MVC中的V（view)。其的JSX语法是指在javascript中可以直接写HTML，而不用添加任何的引号。而组件化是指可以将代码封装成组件，然后像插入普通HTML标签一样，在网页中插入这个组件。

http://www.ruanyifeng.com/blog/2015/03/react.html

关于ReactJS今天就先学习到这里了，下面来总结一下，主要有以下几点：

1、ReactJs是基于组件化的开发，所以最终你的页面应该是由若干个小组件组成的大组件。

2、可以通过属性，将值传递到组件内部，同理也可以通过属性将内部的结果传递到父级组件(留给大家研究)；要对某些值的变化做DOM操作的，要把这些值放到state中。

3、为组件添加外部css样式时，类名应该写成className而不是class;添加内部样式时，应该是style={{opacity: this.state.opacity}}而不是style="opacity:{this.state.opacity};"。

4、组件名称首字母必须大写。

5、变量名用{}包裹，且不能加双引号。

 

颠覆式前端UI开发框架：React

http://www.infoq.com/cn/articles/subversion-front-end-ui-development-framework-react

 

react中Diff算法的实现，并将复杂度n3将为n：

http://www.infoq.com/cn/articles/react-dom-diff?from=timeline&isappinstalled=0

 

12个例子

http://www.ruanyifeng.com/blog/2015/03/react.html