react 介绍
React 是一个用于构建用户界面的 JavaScript 库 (类UI HTML MVC里的V)
react官网(https://reactjs.org/)
react中文网(https://zh-hans.reactjs.org/)
react三大特点
声明式UI (与vue一样)
通过数据驱动视图的变化,当数据发生改变react能够高效的更新并渲染DOM。
<div className="app">
<h1>Hello React! 动态数据变化:{count}</h1>
</div>
组件化 (react核心,与vue一样)
封装组件可以实现复用,也可以使业务逻辑看起来更清晰,还能使整个项目修改起来更方便,节省时间
学习一次,哪都适用 (PC、移动、VR应用等等)
使用react/rect-dom可以开发Web应用
使用react/react-native可以开发移动端**原生应用(react-native)**RN
使用react可以开发VR(虚拟现实)应用(react/react360)
react 脚手架的使用
create react app
是FaceBook的React团队官方出的一个构建React应用的脚手架工具- 创建项目方式一(无法保持最新版本,需要手动更新):
- 全局安装
npm i -g create-react-app
或者yarn global add create-react-app
- 初始化项目
create-react-app 项目名称
,react-basic 表示项目名称,可以修改 - 启动项目:
yarn start
ornpm start
- 全局安装
- 创建项目方式二(建议使用):
- 命令:
npx create-react-app react-basic
- 启动项目:
yarn start
ornpm start
- npx是 npm v5.2 版本新添加的命令,用来简化 npm 中工具包的使用
- 现在:npx 调用最新的 create-react-app 直接创建 React 项目
- 命令:
总结
create-react-app
是react官方提供一个脚手架工具,用于创建react项目- 通过
npx create-react-app react-basic
命令可以快速创建一个react项目