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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1321 天前的主题，其中的信息可能已经有所发展或是发生改变。

400 行代码，告别 JSX 、告别 CSS Modules，感受用 HTM 和 styled-components 写 React 的体验绝佳！

11 条回复 • 2021-05-20 15:28:23 +08:00

jvcg

2021-05-15 15:03:14 +08:00

老哥

jvcg

2021-05-15 15:04:03 +08:00

可以搞个五子棋网转模式，哈哈

583376938

2021-05-15 17:42:48 +08:00

@jvcg 就得加上服务端了吧

jvcg

2021-05-15 17:46:16 +08:00

是的呀

gouflv

2021-05-15 17:53:25 +08:00 via iPhone

htm 真魔性

ALVC666

2021-05-15 17:55:54 +08:00

真不戳我是 react 新手
所以现在 styled-components 体验优于 jsx + css modules 了么
我还在寻找最佳的 scoped css 的方法

Cbdy

2021-05-15 18:31:36 +08:00

@ALVC666

我觉得 Tailwind CSS > styled-component > CSS Modules

charlie21

2021-05-15 19:37:38 +08:00 via iPhone

ydys

mayne95

2021-05-16 22:22:46 +08:00

@Cbdy styled-component 可以加上 styled-system 一起玩, 会方便很多

Cbdy

2021-05-17 12:02:11 +08:00 via Android

@mayne95 Interesting

wheelg

2021-05-20 15:28:23 +08:00

总觉得 HTM 会有解析 HTML 树的性能消耗问题，还是本地用 Babel 转完才安心