V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
songyuwen
V2EX  ›  React

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

  •  
  •   songyuwen · 2016-12-22 00:11:06 +08:00 · 3233 次点击
    这是一个创建于 2880 天前的主题,其中的信息可能已经有所发展或是发生改变。
    13 条回复    2016-12-22 22:40:23 +08:00
    bdbai
        1
    bdbai  
       2016-12-22 00:55:23 +08:00 via Android
    babel-cli 不是必须吧,还有 npm 可以用 yarn 替代。
    bdbai
        2
    bdbai  
       2016-12-22 01:00:33 +08:00 via Android
    Node 6 版本支持 ES6 绝大多数特性,运行时不需要 Babel 。而且 Babel 官方也不推荐这样运行 Node 应用。
    songyuwen
        3
    songyuwen  
    OP
       2016-12-22 01:13:30 +08:00
    @bdbai 谢谢,请引用你的依据。
    ByZHkc3
        4
    ByZHkc3  
       2016-12-22 05:40:45 +08:00 via Android
    @bdbai 你确定?
    invalidtoken
        5
    invalidtoken  
       2016-12-22 09:02:01 +08:00 via iPhone
    @bdbai babel 是用来转 jsx 的
    xylitolLin
        6
    xylitolLin  
       2016-12-22 09:32:48 +08:00
    @bdbai 首先,显然这里是用 babel 转义 jsx 的;其次, Node v6 支持 es6 绝大多数特性????单单一个 import 都不支持我就有理由继续用 babel 去运行 node 应用!
    bdbai
        7
    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
        8
    songyuwen  
    OP
       2016-12-22 21:30:38 +08:00
    @bdbai 谢谢。 不过建议新人先专注于拿下 reactjs 之后,再慢慢积累一些项目工程的经验。

    再一个,为什么需要安装`babel-cli`,也是官方网站所给的建议,恐怕你自己没注意到。
    http://babeljs.io/docs/setup/#installation
    songyuwen
        9
    songyuwen  
    OP
       2016-12-22 21:35:48 +08:00
    @bdbai webpack.config 本身就是 ES6 写的,你不用 babel , node 如何能运行这配置文件?

    cc @invalidtoken
    bdbai
        10
    bdbai  
       2016-12-22 21:44:49 +08:00 via Android
    @songyuwen 原来是 nodemon 需要。其实用 webpack-dev-server 来做 react 热调试比较好,浏览器不用刷新就能看到更改。
    bdbai
        11
    bdbai  
       2016-12-22 21:48:21 +08:00 via Android
    @songyuwen webpack.config 看起来没有用到 ES6 特性,不用转译吧。
    话说用 webpack-dev-server 就不用自己写 express 服务了。
    songyuwen
        12
    songyuwen  
    OP
       2016-12-22 22:27:02 +08:00
    @bdbai 新人就是这样被绕着绕着跑去写别的了。 webpack-dev-server 本身就是基于 express 写的。

    其实 reactjs 和 redux 模式本身并不十分复杂。但是整个项目的工程搭建和其他的“填窟窿”库很多、很杂,就是这些奇技淫巧像苍蝇一样令人讨厌。
    bdbai
        13
    bdbai  
       2016-12-22 22:40:22 +08:00 via Android
    @songyuwen 你说得对, React 全家桶是挺难搞的,所以才有各种脚手架项目。
    但是比起自己写服务端, webpack-dev-server 明显方便不少,就一行命令的事情。你一开始不提 express 就不绕了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2789 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 09:07 · PVG 17:07 · LAX 01:07 · JFK 04:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.