Question

拜托，我只是想开始学习React，但我不知道如何安装它。建议使用Browserify，但之前我从未使用过它，所以我很困惑。

执行此命令后：npm install --save react react-dom babelify babel-preset-react，接下来该怎么办？如何创建文件夹并开始使用React？这个其他命令意味着什么，browserify -t [ babelify --presets [ react ] ] main.js -o bundle.js？

Answer 1

我建议从the official tutorial开始，而不是从入门页开始。

您可能也会发现这些教程也很有用：

Answer 2

Facebook实际上组建了一个非常有用的tutorial来学习React。不要太担心browserify和babel之类的东西。首先关注学习React的基础知识。

Answer 3

我是通过Henrik Joreteks Human Javascript Video-Tutorials学到的。你可以找到它们here。你将逐步学习ReactJS以及随之而来的所有内容（npm，Backbone，webpack，babel，yeticss，......），这是非常有趣的工作。

Answer 4

我只是在CentOS7上自己设置了这个，所以，我想我会分享这些知识。

- 安装React：

sudo npm install -g create-react-app

- 将“公共”区域分配给防火墙中React使用的网络接口：

firewall-cmd --zone=public --add-interface=eth0

- 在防火墙中为开发网络打开React端口：

firewall-cmd --zone=public --add-port=3000/tcp --permanent
firewall-cmd --zone=public --add-port=5000/tcp --permanent

注意：3000是开发版本，5000是生产版本。

- 创建一个React项目：

create-react-app project

- 输入项目目录并运行NPM：

cd project
npm start

- 你会得到这样的结果：

Compiled successfully!

You can now view project in the browser.

    Local:            http://localhost:3000/
    On Your Network:  http://192.168.10.10:3000/

然后只需在浏览器中加载该网址即可。

如果您想了解如何在React中编码，那么我建议您使用本教程：https://facebook.github.io/react/tutorial/tutorial.html

如何设置React？

4 个答案: