SnowBox 雪球三端同构组件库

三端同构

iOS/Android/H5 三端同构，一套代码三端运行。通过组件库封装抹平三端和应用间差异，大幅提升业务开发效率。无需额外开发，可将雪球客户端内容和体验完整复刻同步到微信体系。

样式组件系统

自研实现定制化的样式组件系统，提供样式简化写法，UI 代码量降低 90%。联合设计团队对雪球 Design 设计组件进行工程封装，封装屏幕适配、日夜主题适配等通用样式逻辑。

重新定义开发方式

将门槛从客户端开发降低为 web 前端开发，可在浏览器通过常规调试方式进行业务逻辑开发、状态管理和接口联调，无需启动模拟器或连接真机。通过组件库简写提升开发体验。

在线文档

外网 https://snowbox.js.org

内网 http://f2e.snowballfinance.io/snowbox/

使用例子

日间组件列表 https://xueqiu.com/rn/snowbox

夜间组件列表 https://xueqiu.com/rn/snowbox?theme=night

业务页面例子 https://xueqiu.com/rn

在线沙盒

https://codesandbox.io/s/snowbox-cra-4772o1?file=/src/App.tsx&resolutionWidth=375&resolutionHeight=675

安装

使用 pnpm 安装 https://www.pnpm.cn/

pnpm i

启动命令

pnpm dev :

React CRA 项目 和 snowbox 的 联合开发调试。两个项目改动都会触发热更新。

访问 http://localhost:3000

pnpm doc :

文档网站调试

访问 http://localhost:8000