React基础入门

1.React是什么？

react是一个用于构建用户界面的 JavaScript 库

2.React特点

• 声明式UI（你只需要描述UI（HTML）看起来是什么样的，就跟写HTML一样）

• 组件化

  • 组件是react中最重要的内容

  • 组件用于表示页面中的部分内容

  • 组合、复用多个组件，就可以实现完整的页面功能

• 一处学习，多次使用 react-dom react-native

3.React基本用法

• 导入react和react-dom

  import React from 'react'
  import ReactDOM from 'react-dom'

• 创建react元素

  const title = React.createElement('h1', null, 'hello react')

• 渲染react元素到页面

  ReactDOM.render(title, document.getElementById('root'))

4.React脚手架的使用

• 命令：npx create-react-app react-basic

  npx create-react-app 是固定命令，create-react-app 是 React 脚手架的名称
  react-basic 表示项目名称，可以修改

• 启动项目：yarn start or npm start
• npx 是 npm v5.2 版本新添加的命令，用来简化 npm 中工具包的使用

  • 原始：1 全局安装 `npm i -g create-react-app`      2 在通过脚手架的命令来创建 React 项目  `create-react-app  my-app`

  • 现在：npx 调用最新的 create-react-app 直接创建 React 项目