image.pngimage.pngimage.png
    预览链接

    Dobby 记账是基于 React / TypeScript 的移动端单页面应用

    是我根据自己的实际需求,设计并开发的一款简易记账应用,特点是快速记账。
    项目实现了记账类别和标签的选择添加备注日期选择标签编辑记账记录展示等核心功能。
    项目大量使用了React hooks,并使用自定义hook 实现状态管理,使我对 hooks 有了深入的理解和应用;日期选择器和交互组件使用了 React-Vant 组件库。

    开发这个项目的核心步骤都记录成了博客,整理如下:

    1. React项目搭建
    2. React-Router制造导航栏
    3. 使用svg
    4. 封装Layout组件
    5. 给记账页添加样式
    6. 记账页功能实现
    7. tags编辑页实现
    8. tag页面样式和功能
    9. 数据持久化
    10. 展示记账记录
    11. 使用 React-Vant 组件库
    12. 部署项目