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

用 styled-components 写一个简单的五子棋

  •  1
     
  •   Cbdy · 2021-05-15 14:23:39 +08:00 · 1855 次点击
    这是一个创建于 1049 天前的主题,其中的信息可能已经有所发展或是发生改变。

    400 行代码,告别 JSX 、告别 CSS Modules,感受用 HTMstyled-components 写 React 的体验绝佳!

    11 条回复    2021-05-20 15:28:23 +08:00
    jvcg
        1
    jvcg  
       2021-05-15 15:03:14 +08:00
    老哥
    jvcg
        2
    jvcg  
       2021-05-15 15:04:03 +08:00
    可以搞个五子棋网转模式,哈哈
    583376938
        3
    583376938  
       2021-05-15 17:42:48 +08:00
    @jvcg 就得加上服务端了吧
    jvcg
        4
    jvcg  
       2021-05-15 17:46:16 +08:00
    是的呀
    gouflv
        5
    gouflv  
       2021-05-15 17:53:25 +08:00 via iPhone
    htm 真魔性
    ALVC666
        6
    ALVC666  
       2021-05-15 17:55:54 +08:00
    真不戳 我是 react 新手
    所以现在 styled-components 体验优于 jsx + css modules 了么
    我还在寻找最佳的 scoped css 的方法
    Cbdy
        7
    Cbdy  
    OP
       2021-05-15 18:31:36 +08:00   ❤️ 1
    @ALVC666

    我觉得 Tailwind CSS > styled-component > CSS Modules
    charlie21
        8
    charlie21  
       2021-05-15 19:37:38 +08:00 via iPhone
    ydys
    mayne95
        9
    mayne95  
       2021-05-16 22:22:46 +08:00
    @Cbdy styled-component 可以加上 styled-system 一起玩, 会方便很多
    Cbdy
        10
    Cbdy  
    OP
       2021-05-17 12:02:11 +08:00 via Android
    @mayne95 Interesting
    wheelg
        11
    wheelg  
       2021-05-20 15:28:23 +08:00
    总觉得 HTM 会有解析 HTML 树的性能消耗问题,还是本地用 Babel 转完才安心
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2854 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 14:28 · PVG 22:28 · LAX 07:28 · JFK 10:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.