React-Components

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

LIVE

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

Component

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

Hook

• 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