学习路线推荐： https://react.iamkasong.com/

概述

构建用户界面的js库

特点

声明式UI，基于组件， 全套的生态链路

react全家桶介绍

react包是核心， 创建元素，组件功能

  1. const title = react.createElement("h1", {title: '标题'}, "hello React")
  2. // 元素名称， 元素属性，元素子节点

react-dom提供Dom相关功能

  1. ReactDom.render(title, document.getElementById("root"))


脚手架

原生（react react-dom react-scripts）

npx 是npm v5.2.0引入的一条命令 目的： 原来需要先安装脚手架，在使用脚手架中提供的命令，现在可以直接使用包内的命令 yarn facebook引入

  1. npx create-react-app  my-react-app
  3. npm init create-react-app  my-react-app
  5. yarn create create-react-app my-react-app

image.png