React——关于react概述

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>
1
2
3

• 组件化 （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 startor npm start
• 创建项目方式二（建议使用）：
  • 命令：npx create-react-app react-basic
  • 启动项目：yarn startor npm start
  • npx是 npm v5.2 版本新添加的命令，用来简化 npm 中工具包的使用
  • 现在：npx 调用最新的 create-react-app 直接创建 React 项目

总结

• create-react-app是react官方提供一个脚手架工具，用于创建react项目
• 通过npx create-react-app react-basic命令可以快速创建一个react项目