V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
coolzilj
V2EX  ›  分享创造

看板娘 react hook

  •  
  •   coolzilj · 2019-06-30 03:57:36 +08:00 · 3090 次点击
    这是一个创建于 1752 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    use-kbn npm

    看板娘 react hook

    使用

    看板娘 - 猜数字

    Edit 看板娘

    看板娘 - 最简用法

    Edit 看板娘 - 最简用法

    6 条回复    2019-07-02 12:59:21 +08:00
    df4VW
        1
    df4VW  
       2019-06-30 05:07:45 +08:00   ❤️ 1
    理解 LZ 学了新东西激动的心情,不过 hook 是不是这么用的还是得考虑下

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

    所以一般 hook 都是提取能复用的逻辑而不是 UI
    zhensjoke
        2
    zhensjoke  
       2019-06-30 09:03:45 +08:00
    https://blog.fyun.org
    我也加了一个,不过是插件。
    coolzilj
        3
    coolzilj  
    OP
       2019-06-30 09:09:09 +08:00
    @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
        4
    mayx  
       2019-06-30 12:54:20 +08:00 via Android
    这个问题主要是 live2d.js 没人维护了,live2d 还是挺复杂的,一般人改不了
    msaionyc
        5
    msaionyc  
       2019-07-01 10:59:51 +08:00
    看板娘是啥?老板娘?
    mayx
        6
    mayx  
       2019-07-02 12:59:21 +08:00 via Android
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4350 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 05:30 · PVG 13:30 · LAX 22:30 · JFK 01:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.