/react-components-1

React开发中积累的组件、Hook,以及UMI、Webpack相关。

Primary LanguageJavaScript

React-Components

记录React开发中积累的组件、Hook,以及UMI、Webpack相关。

LIVE

https://lemonreds.github.io/react-components/

Component

  • Accordion 折叠面板 【2020-09-27】
  • createLoadable Webpack动态导入包装组件 【2020-09-25】
  • Captha 验证码组件 【2020-09-21】
  • Form 表单相关组件
    • Form 基于rc-field-form的表单封装组件【2020-09-28】
    • Slider 滑动条 【2020-09-22】
    • Button 水波纹按钮 【2020-09-21】
    • Input 输入框 【2020-09-17】
    • Switch 开关 【2020-09-17】
  • HorizontalScroller 水平滚动容器 【2020-09-08】
  • TimeLine 时间线进度条组件 【2020-06-26】
  • Echarts E-charts的react容器以及一些配置图表
  • VirtualList 虚拟滚动列表 【2020-06-26】
  • Tabs 标签页 【2020-07-02】
  • Lazyload 懒加载组件 【2020-07-06】
  • Loading loading组件 【2020-07-04】

Hook

  • useResizeObserver useResizeObserver 【2021-03-04】
  • useDraggable 使容器内的DOM可拖拽 【2020-09-23】
  • useFullScreen 基于screenfull的元素全屏【2020-09-01】
  • useTable 表格状态提取 【2020-08-26】
  • useInfiniteScroller 列表无限加载组件【2020-08-26】
  • useVirtual 虚拟滚动列表,支持高度不一致【2020-08-21】
  • useOnScreen 监听DOM元素是否可见 【2020-08-21】

Other

  • CSSvariable 基于CSS变量的换肤 【2020-09-18】

UMI-PLUGIN

  • umi-plugin-404 为UMI3的约定式路由补上404路由 【2020-09-16】
  • umi-plugin-config-routes 对UMI3约定式路由的再过滤,过滤一些不需要的路由规则,可以删减一些被错误当作路由引入的组件。【2020-09-15】

本地运行

  1. npm run install

  2. npm run start

  3. npm run build