SnowBox 雪球 RN / H5 同构组件库

RN / H5 同构

一套代码 iOS / Android / H5 三端运行。提升雪球客户端的动态化，并能直接把功能同步出微信 H5。

定制化的 styled system

对 styled system 进行了最简化的雪球定制实现，样式代码量大幅降低，试过就再也不想写 css。

改善 RN 开发体验

将 RN 开发门槛从客户端降低为 web 开发，可在浏览器通过 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