react是渐进式框架；react是用于构建用户界面的JavaScript库，React框架通常是指react、“react-router”和“react-redux”的组合，而React框架是渐进式的；React采用声明式编码UI，可以轻松实现交互式UI，让代码更加可行且方便调试。

本教程操作环境：Windows10系统、react17.0.1版、Dell G3电脑。

react是渐进式框架

什么是React

官方：用于构建用户界面的 JavaScript 库 。

所以React并不是一个框架，而是一个用于前端数据渲染的库。

而人们常指的React框架指的是：react+react-router+react-redux的组合。

React框架是渐进式的。

React 起源于 Facebook 的内部项目，最初来架设 Instagram ，后于 2013 年 5 月开源。

React的特点

高性能：虚拟DOM(Virtual DOM)配合 diff 算法，最大限度地减少与 DOM 的交互。

声明式：React采用声明式编码UI，可以轻松实现交互式UI，让代码更加可行且方便调试。

组件化：通过 React 构建组件，使得代码更加容易得到复用，能够高效率的应用在大项目的开发中。

单向响应的数据流：React 中的数据是单向自顶向下传递的，父组件数据的更新会自动传递到子组件，但子组件的数据更新不会影响到父组件，也不能在子组件修改父组件传入的数据

JSX扩展：JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但官网建议使用它。

灵活：React可以与已知的库或框架很好的进行配合。

扩展知识：

全局安装脚手架

$ npm i -g create-react-app

基于脚手架快速构建工程化的项目

$ create-react-app xxx项目名称

项目执行命令（package.json）

$ yarn start //=>开发环境下启动项目（默认会基于webpack-dev-server创建一个服务，用来随时编译和翻译开发的内容）
$ yarn build //=>生产环境下，把编写的内容打包编译，放到build文件目录下（服务器部署）
$ yarn eject //=>把所有隐藏在node_models 中的webpack中的配置项都暴露出来（方便自己根据项目需求，二次更改webpack配置）