V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
coolzilj

看板娘 react hook

  •  
  •   coolzilj · Jun 30, 2019 · 3802 views
    This topic created in 2495 days ago, the information mentioned may be changed or developed.

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

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

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

    use-kbn npm

    看板娘 react hook

    使用

    看板娘 - 猜数字

    Edit 看板娘

    看板娘 - 最简用法

    Edit 看板娘 - 最简用法

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

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

    所以一般 hook 都是提取能复用的逻辑而不是 UI
    zhensjoke
        2
    zhensjoke  
       Jun 30, 2019
    https://blog.fyun.org
    我也加了一个,不过是插件。
    coolzilj
        3
    coolzilj  
    OP
       Jun 30, 2019
    @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  
       Jun 30, 2019 via Android
    这个问题主要是 live2d.js 没人维护了,live2d 还是挺复杂的,一般人改不了
    msaionyc
        5
    msaionyc  
       Jul 1, 2019
    看板娘是啥?老板娘?
    mayx
        6
    mayx  
       Jul 2, 2019 via Android
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5366 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 07:53 · PVG 15:53 · LAX 00:53 · JFK 03:53
    ♥ Do have faith in what you're doing.