小工具在线2026 年 九 月 1 日
囍备 XiBei
从定婚期到婚礼当天的备婚清单与流程管理工具。数据全部存在本机浏览器,不联网、不需要注册。
ReactTypeScript生活
打开小工具
本站路径 /tools/xibei/
它解决什么问题
备婚这件事的特点是:事项多、周期长、参与的人不止一个,而且没人知道下一步该干什么。
囍备把这件事拆成三个阶段——定婚期、筹备、婚礼当天——每个阶段给出该做的事和大致的时间点,让人不用从零开始想。
做过的取舍
不做账号体系。 备婚数据很私密,但又没有跨设备同步的强需求。与其引入注册登录和一堆合规义务,不如把数据放在浏览器本地:
- 不需要服务器存储,也就没有数据泄露风险
- 打开即用,没有注册摩擦
- 代价是换设备要手动导出——这个代价我认为可以接受
不做供应商撮合。 页面里出现供应商推荐时,会明确标注广告或合作内容,攻略部分也标注仅供参考。这不是一个导流站。
技术栈
| 层 | 选型 |
|---|---|
| 框架 | React 18 + TypeScript |
| 构建 | Vite 5 |
| 样式 | Tailwind CSS |
| 状态 | Zustand(persist 中间件落地到 localStorage) |
| 路由 | react-router-dom(Hash 模式,静态托管友好) |
HashRouter 这个选择是刻意的:站点是纯静态托管,用 Hash 模式就不需要服务端配置任何回退规则,扔到任意静态空间都能跑。
链接
直接访问:/tools/xibei/
提示:这是本站的子工具页面,与吾栖星球主站同域部署。