React：学习 React 框架

一起来学一下基于 React 框架开发前端应用。

需求

先用 npm 在全局范围安装一个 create-react-app 工具。这个工具可以帮我们创建 React 项目，它会在本地配置一个开发 React 项目的环境。

安装 create-react-app 工具，打开系统的命令行工具，执行：

npm install create-react-app --global

用 create-react-app 在创建一个 React 项目，执行：

cd ~/desktop
create-react-app ninghao-learn-react

启动 React 项目：

cd ninghao-learn-react
yarn start

这样会在本地创建一个服务器，并且自动在浏览器上打开这个服务器的地址，你会看到一个欢迎界面。

现在可以用编辑器打开项目：

atom ./

项目的代码都在 src 目录的下面，编辑项目的代码，在浏览器上可以实时地看到修改之后的结果。

删除项目下面的 src 目录下面的所有的东西，我们后面会手工在这个目录下去创建一些文件，来学习使用 React 框架。

rm -rf src/*

可以为项目做一下版本控制，记录一下学习的过程。先在 src 下面添加一个空白的文件，这样 Git 会保留 src 这个目录。

touch src/.gitkeep
git init
git add .
git commit -m 'init'

React