一篇用心的 react.js 教程，适用于新人。

[songyuwen]

具体地址在： https://helloruli.github.io/reactjs/2016/12/21/reactjs-001.html

[bdbai]

babel-cli 不是必须吧，还有 npm 可以用 yarn 替代。

[bdbai]

Node 6 版本支持 ES6 绝大多数特性，运行时不需要 Babel 。而且 Babel 官方也不推荐这样运行 Node 应用。

[songyuwen]

@bdbai 谢谢，请引用你的依据。

[ByZHkc3]

@bdbai 你确定？

[invalidtoken]

@bdbai babel 是用来转 jsx 的

[xylitolLin]

@bdbai 首先，显然这里是用 babel 转义 jsx 的；其次， Node v6 支持 es6 绝大多数特性？？？？单单一个 import 都不支持我就有理由继续用 babel 去运行 node 应用！

[bdbai]

@songyuwen http://babeljs.io/docs/usage/cli/#babel-node

@xylitolLin 我是说用 babel-node 这一点，见上方链接。关于 Nodejs 支持 ES6 的情况可以参考 http://node.green/ 。

@invalidtoken 有 babel-loader 就可以用 Webpack 来调用 Babel ，不需要 cli 。

[songyuwen]

@bdbai 谢谢。 不过建议新人先专注于拿下 reactjs 之后，再慢慢积累一些项目工程的经验。

再一个，为什么需要安装`babel-cli`，也是官方网站所给的建议，恐怕你自己没注意到。
http://babeljs.io/docs/setup/#installation

[songyuwen]

@bdbai webpack.config 本身就是 ES6 写的，你不用 babel ， node 如何能运行这配置文件?

cc @invalidtoken

[bdbai]

@songyuwen 原来是 nodemon 需要。其实用 webpack-dev-server 来做 react 热调试比较好，浏览器不用刷新就能看到更改。

[bdbai]

@songyuwen webpack.config 看起来没有用到 ES6 特性，不用转译吧。
话说用 webpack-dev-server 就不用自己写 express 服务了。

[songyuwen]

@bdbai 新人就是这样被绕着绕着跑去写别的了。 webpack-dev-server 本身就是基于 express 写的。

其实 reactjs 和 redux 模式本身并不十分复杂。但是整个项目的工程搭建和其他的“填窟窿”库很多、很杂，就是这些奇技淫巧像苍蝇一样令人讨厌。

[bdbai]

@songyuwen 你说得对， React 全家桶是挺难搞的，所以才有各种脚手架项目。
但是比起自己写服务端， webpack-dev-server 明显方便不少，就一行命令的事情。你一开始不提 express 就不绕了。