#002FE|2024年8月27日React 自动化测试针对单测，JS 通常使用 Jest。此外，为了模拟 Dom 和事件，还需要 React Testing Library 进行辅助测试 React 测试 note
#003FE|2024年8月23日React 里 memo / useMemo / useCallback 的使用为了子组件不必要的重复渲染，React 使用 memo / useMemo / useCallback 进行缓存处理。 React
#004FE|2023年8月25日JS 类型校验实践最近写的一个项目对导出的 json 数据格式要求较为严格，因此在测试数据格式上花了很多时间。此处对前后使用过的数据类型校验工具进行记录。 TypeScript JavaScript midwayjs zod class-validator async-validator
#005FE|2023年5月29日grafana自定义panel插件开发（1）环境准备由于 ospp 导师希望基于他的设计开发一版支持 g6 的 grafana panel，而官网文档只有英文版本，并且写得并不是很清晰，路上断断续续踩了很多坑，于是此处对 grafana 的自定义 panel 插件开发过程进行记录。 grafana
#006FE|2023年3月31日在next.js中使用localstorage的踩坑预期想在next.js中根据登录情况选择性在header中显示头像或登录按钮，但是往往并不能在组件中获取localstorage的值。若尝试这么做，将会报错： nextjs ReferenceError: localStorage is not defined 会发生这个问题，是因为next.js默认使用ssr。程序运行在服务器端，自然不存在window对象 为解决这一问题，我尝试使用如下... next.js auth
#007FEJavaScript函数式编程|2023年3月7日范畴论启发下的函数设计模式（1）从编码的角度看，范畴论在 JS 中的应用，本质上还是为了解决函数组合的问题。 note JavaScript
#009FE|2022年12月31日如何通过 React 钩子取代容器组件容器组件是提供、创建和持有数据并服务于子组件的组件，其唯一的工作是处理数据，而将展示 UI 的工作交给展示组件。而处理数据的工作的逻辑不止能直接写在容器组件中，其实也可以被封装成一个 hooks，再被容器组件调用，从而使这部分逻辑抽离、语义化并易于维护。 React
#010FEJavaScript函数式编程|2022年12月30日JS函数式编程的理解（1）函数式编程是一种编程范式。相对命令式编程的过程思维，函数式编程更侧重于结果思维。对于每个函数调用，不必关注内部的执行细节，而只需要关注函数的输入与输出。 JavaScript note
#011FE|2022年11月26日react-router(v6) + react-transition-group 实现路由切换动效其实早在五月的时候就研究过这个，网上基本上是 router-v5 版本的 demo，而 v6 版本废弃了不少 v5 版本的 api，其中就包括 demo 里用到的。当时想模仿 demo 进行实现，可惜实现的效果并不尽人意，只做到了路由进入的动效。如果加上路由退出的效果，会出现闪烁的现象。然而由于忙着准备期末，就没有再深入。今天来完善一下之前的探究。 React react-router-dom react-transition-group CSS
#013FE|2022年10月25日react-beautiful-dnd 实现树形分组拖拽的探索最近在写培养计划制作平台，想实现一个使用拖拽课程的方式生成培养计划的组件。 省流：没折腾出一个可用的 demo，转战 dnd-kit 了，真香（ React react-beautiful-dnd
#014FE|2022年10月9日Antd Pro 关于 request 配置原理的小探究与猜测前天有位佬友说他订阅了我博客的 RSS，哭死 QAQ ~~不能在博客理发店了但是~~更博的动力++ React Antd
#017FE|2022年3月6日用customize-cra+react-app-rewired配置less+css module的踩坑经历起cinnamon的时候要给项目配置less和css module，网上查阅的大多数资料是暴力yarn eject再修改配置，然而这并不是react官方推荐使用的办法，所以打算改用customize-cra进行配置 React customize-cra debug