@tarojsx/library

Taro3 Library

Taro3 里可以跑起来的第三方优秀类库

Built with 💜 by @Colder and Contributors

🌟 👀 ⚡ 💥

当前代码提交频繁, 一些特性时有变化.

待续不断搜索可以运行在 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)
        }
    }
}

模块

图表

• [x] AntV F2 - 让数据栩栩如生

虚拟滚动

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

交互动画

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

支持

欢迎各种形式的支持. 至少可以给颗星 ⭐

测试步骤

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

License

MIT