什么是react
React是一个 Facebook 开发并维护的用于构建用户界面的JavaScript库.
react和Vue的不同
组件化
| React | Vue | |
|---|---|---|
| 语法 | JSX语法, html和js混合 | 基于HTML的模板语法, html和js分离 |
数据绑定
| React | Vue | |
|---|---|---|
| 数据绑定 | 单向数据绑定 | 双向数据绑定 |
| 状态管理 | 通过setState更新 | 通过实例的data和methods更新 |
三方组件
| React | Vue | |
|---|---|---|
| 官方CLI | create-react-app | vue-cli |
| 状态管理工具 | Redux、MobX | VueX |
| 路由管理 | React Router | Vue Router |
React文档
-
英文: react.dev/
如何开始一个react项目
1. 没有node.js
下载NVM: nvm.uihtm.com/
NVM是node.js版本管理工具，为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js.
//查看nvm版本
nvm -v
//查看nvm可下载node.js的列表
nvm list
//下载node.js, 18.16.1是版本号, 可替换成上面列表中查到的任意版本
nvm install 18.16.1
//指定当前node版本为18.16.1
nvm use 18.16.1
//设置npm国内镜像源, 防止网络连接不好, 下面设置任意一个都可以
npm config set registry http://r.cnpmjs.org
npm config set registry https://registry.npm.taobao.org
2. 有node.js
//创建一个react项目
npm install -g create-react-app
//安装依赖
npm install
//运行项目
npm start
