项目起步

官网链接
React官网

一、搭建一个项目

// 1、安装官⽅方脚⼿手架
npm install -g create-react-app

// 2、创建项⽬
create-react-app my-app

// 3、进入项目、启动项目
cd my-app
npm start

// 4、如果需要暴露配置项
npm run eject

二、目录预览

README.md  文档
public 静态资源
    favicon.ico  图标
    index.html  入口文件
    manifest.json   页面配置
src   源码
    App.css  组件样式
    App.js   根组件
    App.test.js    根组件测试
    index.css    全局样式
    index.js  入⼝文件
    logo.svg    LOGO
    serviceWorker.js pwa     ⽀支持
package.json     npm 依赖

三、React和ReactDom

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

// 这⾥里里怎么没有出现React字眼?
// JSX => React.createElement(...)
ReactDOM.render(
    <h1>Hello React</h1>,
    document.getElementById("root")
);

1、React负责逻辑控制,数据 -> VDOM
2、ReactDOM渲染实际DOM,VDOM -> DOM
3、React使⽤用JSX来描述UI