1. React 是用于构建用户界面的 JavaScript 库
- 主要构建用户界面
- 是javscrtipt库。不是框架。(vue是渐进式的JS框架)
- react 全家桶才是框架
-
react: 核心库
-
react-dom: dom操作
-
react-router:路由
-
redux:集中状态管理
2.React 特点
声明式:react中通过数据驱动视图的变化,当数据发生改变react能够高效地更新并渲染DOM。
组件化:组件是react中最重要的内容,组件用于表示页面中的部分内容组合、复用多个组件,就可以实现完整的页面功能。
3.React脚手架-从零开始创建项目
创建方式1
-
全局安装脚手架工具包
命令:
npm i -g create-react-app
-
用脚手架工具来创建项目
命令:
create-react-app your-project-name
创建方式2
直接使用npx来创建项目
命令:
npx create-react-app your-project-name
-
npx create-react-app 是固定命令,
create-react-app
是 React 脚手架的名称 -
your-project-name 表示项目名称,可以修改
拓展
-
npx
是 npm v5.2 版本新添加的命令,用来简化 npm 中工具包的使用 -
没有npx之前:
-
全局安装npm i -g create-react-app
-
在通过脚手架的命令来创建 React 项目
-
-
有了npx之后
npx 调用最新的 create-react-app 直接创建 React 项目