格绿班充电猪

技术栈：React/React Hooks/Redux/Redux Toolkit/Taro/TaroUI

项目简介：为用户提供查找附近充电桩的小程序

负责模块：首页 / 附近电站 / 充电桩详情 / 扫码充电 等

技术描述：

1、通过 useMemo缓存组件中需要重复计算的值，确保这些值只在依赖项发生变化时重新计算。避免不必要的性能消耗。

2、当渲染的数据量或者dom元素比较庞大时，利用useTransition开启concurrent并发模式，加快页面响应速度

3、使用Taro的 VirtualList 组件对长列表的场景进行优化。它只会渲染当前可视区域内的组件，非可视区域的组件将会在用户滚动到可视区域内后再渲染，从而减少实际渲染的组件、优化渲染性能。

4、使用React.lazy和React.Suspense完成延迟加载不是立即需要的组件。避免在render函数中执行复杂的计算或操作，尽量将其移到组件的生命周期方法或其他地方执行。