React腳手架初始化項目

1、react腳手架意義

• 腳手架是開發現代Web應用的必備
• 充分利用 Webpack，Babel，ESLint等工具輔助項目開發。
• 零配置，無需手動配置繁瑣的工具即可使用
• 關注業務，而不是工具配置

2、使用react腳手架初始化項目

• 1. npx 目的：提升包内提供的指令行工具的使用體驗
  2. 原來：先安裝腳手架包，再使用這個包中提供的指令
  3. 現在：無需安裝腳手架包，就可以直接使用這個包提供的指令
  4. create-react-app 這個是腳手架名稱 不能随意更改
  5. my-project 自己定義的項目名稱

     

     

3、腳手架中使用React

• 導入react和react-dom兩個包

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

• 建立元素

let h1 = React.createElement('h1',null,'我是标題')
           

• 渲染到頁面

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