看板娘 react hook

[coolzilj]

偶然看到有不少博客在使用的“看板娘”（不是混二次元的表示很懵逼），觉得挺好玩的，
不过搜了一遍发现现有的使用方法都很不现代，可能作者也没维护了，比如：

• https://github.com/EYHN/hexo-helper-live2d
• https://github.com/galnetwen/Live2D

于是简单地包装成 react hook 供 cool kids 调用。

项目地址： https://github.com/coolzilj/use-kbn

use-kbn

看板娘 react hook

使用

看板娘 - 猜数字

看板娘 - 最简用法

[df4VW]

理解 LZ 学了新东西激动的心情，不过 hook 是不是这么用的还是得考虑下

每次 render 的时候都会重新 unmount mount 一遍你的 KBN component

所以一般 hook 都是提取能复用的逻辑而不是 UI

[zhensjoke]

https://blog.fyun.org
我也加了一个，不过是插件。

[coolzilj]

@df4VW #1 不吝赐教，确实是新学的 hook 写法。
暂且不讨论提取 UI 是否合适，
想请教`每次 render 的时候都会重新 unmount mount 一遍你的 KBN component` 是怎么观察到的，

我也担心重复渲染的问题，所以按着官网文档说的 dependencies array 用了空数组，
> If you want to run an effect and clean it up only once (on mount and unmount), you can pass an empty array ([]) as a second argument.
不知道我是不是误解了什么

[mayx]

这个问题主要是 live2d.js 没人维护了，live2d 还是挺复杂的，一般人改不了

[msaionyc]

看板娘是啥？老板娘？

[mayx]

@msaionyc https://zh.moegirl.org/%E7%9C%8B%E6%9D%BF%E5%A8%98
这里指的是 Live2D 挂件