自主封裝hooks+echarts(超詳細介紹)開箱即用框架

前言

react的hooks興起以後，咱們開始了新技術的探研，從新構建了以react，hooks，echarts爲基準的框架，對可視化的封裝。開箱便可用，很是實用，特別是若是對echarts有需求的。

項目介紹

1. hooks剛出來時咱們就在使用，已經踩了不少坑而完善了這一整套開箱即用的框。
2. 針對echarts進行了封裝，菜單欄、麪包屑等都作了本身的封裝，對於icon都真正意義上進行了按需加載。
3. 對於echarts經常使用的，都作了很詳細的註釋說明，小白也都能很快上手。
4. 對本身項目需求可是不經常使用的進行了封裝（特別是時間選擇器）。
5. 咱們把經常使用的都會封裝，以達到統一性，我也已把封裝方法寫出來了你們指導指導：npm插件製做
6. github地址
   注：本文不是針對hooks用法說明，也把項目中用法刪了，因此hooks用法不多，只有本身封裝使用到的用法，可是沒有給予註釋，建議直接查看官網，更準確。

第一步：拉取項目

git clone https://github.com/Songwei1029/hooks_echarts.git

第二部：配置npm源

若是已有npm/yarn則跳過

# npm
npm config set registry=https://registry.npm.taobao.org -g

# cnpm，使用cnpm
npm install -g cnpm

# yarn
yarn config set registry https://registry.npm.taobao.org -g

第三步：依賴安裝

若是你本地沒有安裝 yarn，請提早安裝，yarn下載

yarn install

第四步：啓動項目

# 啓動本地服務預覽
npm start
或
yarn start

# 構建打包
npm run build
或
yarn build

# 打包並查看包大小分析
npm run analyze