React

需求分析 项目引用了大量的svg-icon图表，正常react使用icon要这样： 现在想类似element一样，通过某个组件一行引入，类似： 过程中使用到2个loader： svg-sprite-l

项目中自定义Hooks 有三个hooks： useTags useUpdate useRecords 1. useTags 主要是对tags进行处理的逻辑 useState 使用useState初始化

记账页有一个输入数字模块 需求： 点击数字键盘，可以显示相应的数字 点击清空，清空显示区 点击ok保存当前记录 键盘布局 1. 布局和样式 2.Wrapper 包括2部分，output和键盘，采用fl

数据持久化 为什么要做数据持久化？ 因为不持久，数据存在内存，一刷新就没有了 这样可以实现整个项目不同页面数据的统一 怎么做？ 使用自定义Hooks 结合 Localstorage 标签页数据持久化

详情页 需求： 按日期，按收入支出，分类展示记录 CategorySection 可以复用money页的 展示记录 1. 读取records 使用useRecords hook里的record 我们的

tags标签页 目标预览： 标签页可以查看所有标签，并且增加标签 点击某一具体标签后，可以编辑或删除标签 封装useTags.tsx 自定义hooks，将所有和tags操作相关的，放进来 先放一个us

useState实现 最简单的useState 查看连接 首次渲染render 调用App,得到虚拟DIV，根据虚拟div创建真实div 用户点击Button，调用setN(n+1),再次render

记账页样式 记账页分为4部分： TagsSection，NoteSection，CategorySection，NumberpageSection 1. 使用styled-component 不用写c

基于React的大屏监控 技术栈 React ReactRouter Echarts 项目介绍 此项目是为了熟悉前端可视化同时学习Echarts而写 页面布局结合了Flex与Grid 使用rem匹配不

准备工作 1. 使用create-react-app创建项目 Create React App是FaceBook的React团队官方出的一个构建React单页面应用的脚手架工具。 它本身集成了Webp