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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› React

这是一个创建于 2900 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

React

教程

用心

新人

13 条回复 • 2016-12-22 22:40:23 +08:00

bdbai

2016-12-22 00:55:23 +08:00 via Android

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

bdbai

2016-12-22 01:00:33 +08:00 via Android

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

songyuwen

2016-12-22 01:13:30 +08:00

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

ByZHkc3

2016-12-22 05:40:45 +08:00 via Android

@bdbai 你确定？

invalidtoken

2016-12-22 09:02:01 +08:00 via iPhone

@bdbai babel 是用来转 jsx 的

xylitolLin

2016-12-22 09:32:48 +08:00

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

bdbai

2016-12-22 18:27:20 +08:00 via Android

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

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

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

songyuwen

2016-12-22 21:30:38 +08:00

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

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

songyuwen

2016-12-22 21:35:48 +08:00

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

cc @invalidtoken

bdbai

2016-12-22 21:44:49 +08:00 via Android

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

bdbai

2016-12-22 21:48:21 +08:00 via Android

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

songyuwen

2016-12-22 22:27:02 +08:00

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

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

bdbai

2016-12-22 22:40:22 +08:00 via Android

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