React安装以及基本介绍

React介绍：

用于构建用户界面的JavaSript库。

特点：

• 声明式 编码
• 组件化 编码
• 支持客户端与服务器渲染
• 高效
• 单向数据流

React高效的原因：

• 虚拟DOM，不总是直接操作DOM（较少更新的次数）。

• DOM Diff 算法（算哪些地方需要更新，减少更新的区域），最小化页面重绘。

环境安装：

React项目是基于Node.js的工程化项目，需要使用npm来管理依赖。

Node环境下载地址:https://nodejs.org/zh-cn/
下载完成后我们可以cmd一下输入node -v查看你当前Node版本

React脚手架:

用来帮助创建一个基于React库的模板项目

• 包含了所有需要的配置
• 指定好了所有的依赖
• 可以直接安装/编译/运行一个简单的效果

使用脚手架开发项目的特点：

• 模块化
• 组件化
• 工程化

这里我们使用 create-react-app 只需一行命令我们即刻创建一个React项目并且省去了配置webpack等工具。

在需要下载的文件夹下输入以下命令：

npx create-react-app hello-react

hello-react是你要创建项目的名字
启动项目

npm start

文件夹介绍：

项目构建好后我们会看到如下结构的文件夹：

文件夹介绍：

• node_modules:里面是所有依赖库的安装目录
• public:打包生成HTML时的静态文件
• src:存放所有react源代码的文件夹
• package.json:是Node工程的配置文件包括工程的描述信息，依赖的库。

src文件中：

• index.js程序的入口文件
• App.js程序最外层的文件
• App.test.js是App组件的测试代码