Giter VIP home page Giter VIP logo

hooks_echarts's Introduction

前言

react的hooks兴起之后,我们开始了新技术的探研,重新构建了以react,hooks,echarts为基准的框架,对可视化的封装。开箱即可用,非常实用,特别是如果对echarts有需求的。

项目介绍

  1. hooks刚出来时我们就在使用,已经踩了很多坑而完善了这一整套开箱即用的框。
  2. 针对echarts进行了封装,菜单栏、面包屑等都做了自己的封装,对于icon都真正意义上进行了按需加载。
  3. 对于echarts常用的,都做了很详细的注释说明,小白也都能很快上手。
  4. 对自己项目需求但是不常用的进行了封装(特别是时间选择器)。
  5. 我们把常用的都会封装,以达到统一性,我也已把封装方法写出来了大家指导指导:npm插件制作

注:本文不是针对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

hooks_echarts's People

Contributors

songwei1029 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.