
实现一个类zustand公共状态库
本文探索了React状态管理的新方式,通过分析useSyncExternalStore Hook实现类似zustand的轻量级状态库。作者创建了一个createStore函数,利用订阅者模式监听状态变化,并使用useSyncExternalStore连接React渲染机制。该方案相比传统Context方案更简洁,展示了React 18状态下管理库的设计思路。文章以计数器为例演示了实现过程,包括类型定义、状态更新和组件订阅,为理解现代状态管理库原理提供了实用参考。

React使用i18n多语言
react使用i18next多语言开发

Next.js配置svgr/webpack
按照上面的配置后发现无效,组件直接报错了。思考了许久才发现是因为我在开发环境使用了--turbo,所以一些 webpack 的 loader 加载器不支持。所以当时的笨方法是把.svg 内容复制下来放到封装的 react 组件里。偶然间在next.js的官网文档里 turbo 的介绍中发现就有@svgr/webpack 的示例

手动实现CountTo 数字滚动效果
在react里实现数字滚动效果