初学 react，请教大家创建 component 的方式。

[leedstyh]

一般都用var CommentForm = React.createClass({})的方式，还是class CommentForm extends React.Component{}的方式，其实哪种方式我倒都可以接受，就是他们的语法有的地方不一样，感觉挺乱的。官方文档又没有统一的地方介绍（或是我没找到？）语法差别。这两种方式各有什么优缺点？

另外能不能推荐个系统一点的教程（网站 /书），中英文都可， 15.x 版本的，官方文档看的有点儿乱。搜了几个都是以前版本的，虽然我不太清楚语法变动有多大，但感觉还是看最新的比较好！

[shangjiyu]

es6 后者

[leedstyh]

@shangjiyu 谢谢我也倾向于 es6 ，你怎么解决的官方文档都是 es5 的语法，有的地方和 es6 的不一样

[shyling]

当然是 stateless component 更为有爱啊

[FragmentLs]

>Our eventual goal is for ES6 classes to replace React.createClass completely, but until we have a replacement for current mixin use cases and support for class property initializers in the language, we don't plan to deprecate React.createClass.

https://facebook.github.io/react/blog/2015/03/10/react-v0.13.html

[cxbig]

视频教程我推荐 EggHead
https://egghead.io/

[leedstyh]

@shyling 我查了一下，是类似这个东东吗`const Pane = (props) => <div>{props.children}</div>;`

[yangxiongguo]

印象中 15.x 与以前版本语法没变化，因为是 0.14 直接跳 15.0 的，担心的话可以看看 15.0 的升级文档。

官方文档看起来挺乱但建议按顺序一步步看下来，这个链接有介绍 es6 语法：

https://facebook.github.io/react/docs/reusable-components.html#es6-classes

[leedstyh]

@yangxiongguo 原来在这个链接了，看来我着急了，看了 tutorial 有一堆疑问，就来发帖了

[df4VW]

都行啊，无所谓啊

[adspe]

React.createClass({})是有 autobind 的而 es6 没有
@leedstyh 这个是 stateless component

[lijsh]

@cxbig 这个网站是真的好，不过现在月费贵了好多……

[cxbig]

@lijsh 价格比较吃力的话，可以找人合买。

[simonguo]

如果 你要用 class 就要牺牲 mixins,但是可以用高阶组件代替，而且在 class 自身的事件都需要 bind(this),用起来很烦。
所有我现在还是采用的 createClass 方式来创建一个 React 组件,等后面使用 es7 decorator 的时候再替换成 class 来实现。

另外分享一个 react 实现的组件库： https://github.com/rsuite/rsuite