获得徽章 0
如何实现 react.dev 在线运行项目的功能,最初我想的可以使用 MDX 文件,但是 MDX 文件在一些地方的解析并不是特别的友好,最后我采用 contentlayer.dev 配置让其用 MDX 的方式解析 MD 文件,contentlayer.dev 这个里面也介绍了一些类似的项目,具体的效果可以查看我的博客 aiwan.run
展开
BrendanDash于2023-12-18 13:33发布的图片
BrendanDash于2023-12-18 13:33发布的图片
BrendanDash于2023-12-18 13:33发布的图片
评论
因为没有找到一个比较简单的 markdown 阅读器,用 Next.js 写了一个可以在线阅读 markdown 的网站,感觉 App Router 好像不是完全兼容 Pages Router 如果你想用 SPA 的某些功能的话 github.com
26
#每天一个知识点# ahooks 的 useDebounceFn 封装的 lodash 的 debounce 的一个 hook,这个主要是这个 debounced 变量 lodash.com
BrendanDash于2023-06-27 22:16发布的图片
评论
#每天一个知识点# ahooks 的 useAsyncEffect 使 useEffect 支持异步函数,isAsyncGenerator 判断异步函数的类型,如果是一个异步迭代器则一直执行直到异步函数返回最终的结果,否则则直接返回一个异步结果,这个 cancelled 没有看太明白,大概是在异步函数没有执行完后,组件被销毁后直接取消下一步的执行。
展开
BrendanDash于2023-06-26 21:05发布的图片
BrendanDash于2023-06-26 21:05发布的图片
评论
#每天一个知识点# ahooks 的 useUpdateEffect 忽略第一次执行,在组件更新时执行。可以看到这里使用 isMounrted 的 ref 来保存组件是否为第一次渲染的状态,第一次执行后将 isMounted 设置为 true,组件卸载时将 isMounted 设置为 false。
BrendanDash于2023-06-21 21:07发布的图片
BrendanDash于2023-06-21 21:07发布的图片
评论
#每天一个知识点# ahooks 的 useBoolean 切换布尔值的 hook,这里使用了 useToggle,用 useMeme 让这些函数不会重复被构造。
BrendanDash于2023-06-20 21:31发布的图片
评论
#每天一个知识点# ahooks 的 useToggle 在两个状态之间切换,这里使用 useMemo 使内部返回的对象值在初始化后保持不变,reverseValueOrgin 的默认值为 defaultValue 的 !Boolean 或自己设置的值,在 ahooks 里喜欢将 state 的值作为数组的 0 索引值,其他方法为一个对象作为数组的 1 索引值。
展开
BrendanDash于2023-06-18 20:20发布的图片
评论
下一页
个人成就
文章被点赞 3
文章被阅读 189
掘力值 61
收藏集
0
关注标签
2
加入于