待续不断搜索可以运行在 Taro3 环境下的优秀第三方类库.

特性

• 🎁 使用原始 npm 包, 保持原汁原味, 不做侵入性的修改.

• 🔧 简化配置, 搭配 @tarojsx/polyfill 使用.

• 🔎 完善的 Typescript 类型提示.

• 🔭 持续探索中...

需求

• taro 3+

安装

npm i @tarojsx/library @tarojsx/polyfill

使用

部分组件需要用到 polyfill.

更新 config/index.js 配置如下

const { TaroProvidePlugin } = require('@tarojsx/polyfill/dist/plugins')
    const config = {
        mini: {
        webpackChain(chain, webpack) {
            chain
            .plugin('taroProviderPlugin')
            .use(TaroProvidePlugin)
        }
    }
}

模块

图表

• AntV F2 - 让数据栩栩如生

虚拟滚动

• react-window - 虚拟滚动
  • FixedSizeList
  • VariableSizeList
• react-vtree - 虚拟滚动树
  • FixedSizeTree

交互动画

• react-spring - 弹性物理动画
• react-use-gesture - 触摸手势

测试步骤

1. 打开微信开发者工具 CLI/HTTP 调用功能，设置 - 安全设置 - 服务端口
2. 导入项目，目录指向当前项目文件夹。
3. 运行 npm run test
4. 如果提示 Failed to launch wechat web devTools，请先退出微信开发者工具。