# AccountBook

**Repository Path**: yilunyuwan/AccountBook

## Basic Information

- **Project Name**: AccountBook
- **Description**: 基于React / TypeScript/ ECharts 的本地记账单页面应用。为了满足本人的记账需求而设计开发，特点是记账简单快速，统计图表直观。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-02-19
- **Last Updated**: 2023-11-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

鱼丸记账是一个基于React / TypeScript / Echarts实现的本地记账单页面应用。为了满足本人的记账需求而设计开发，特点是记账简单快速，统计图表直观。


![](public/preview1.jpg)
![](public/preview2.jpg)


[预览地址](https://yilunyuwan.gitee.io/accountbook/#/)   [源码链接](https://gitee.com/yilunyuwan/accountbook) [项目笔记](https://www.yuque.com/yilunyuwan/account-book/intro)


- 使用 hooks 实现账目记录和标签信息的获取、更新等逻辑，提高代码复用性。

- 使用 LocalStorage 实现数据的本地持久存储。

- 使用 React Router 嵌套动态路由，使得组件结构更清晰。

- 采用 SVG Sprites(svg-sprite-loader) 处理SVG图标，使得图标资源的加载更高效。

- 采用 CSS-in-JS 方案(styled-components)，使得组件样式和组件更紧密地结合。