css-in-js:全面分析所有当前CSS-in-JS解决方案,并具有对Next.js的SSR和TypeScript支持

时间:2024-04-05 16:44:33
【文件属性】:

文件名称:css-in-js:全面分析所有当前CSS-in-JS解决方案,并具有对Next.js的SSR和TypeScript支持

文件大小:1.25MB

文件格式:ZIP

更新时间:2024-04-05 16:44:33

performance typescript reactjs nextjs styling

对CSS-in-TS的全面分析 本文包含对所有当前支持服务器端渲染和TypeScript的CSS-in-JS解决方案的深入分析。 我们将用于比较的基准参考是CSS模块方法。 我们正在使用Next.js作为构建资源的SSR框架。 最后一个重要方面是具有完全TypeScript支持的类型安全性。 :raised_hand: 请先查看我们的和然后再得出结论。 :spiral_calendar: 最近更新: 2021年3月 目录 图书馆评论 动机 CSS语言和CSS模块有一些限制,特别是如果我们要使用类型安全的代码。 这些限制中的一些具有替代解决方案,另一些则只是令人讨厌或不理想: 样式不能与组件位于同一位置在创作许多小组件时,这可能会令人沮丧,但这并不是交易破坏者。 但是,在component.js文件和component.css文件之间来回移动,搜索给定的类名并且无法轻松地“转到样式定义”的经验是一个重要的生产力缺陷。 设置伪内容和媒


【文件预览】:
css-in-js-main
----.gitignore(386B)
----components()
--------demo()
----package.json(464B)
----public()
--------favicon.ico(15KB)
----tsconfig.json(485B)
----README.md(78KB)
----next-env.d.ts(75B)
----styles()
--------globals.css(490B)
--------other.module.css(53B)
----.gitattributes(38B)
----.yarnrc(130B)
----pages()
--------demo.tsx(219B)
--------index.tsx(100B)
--------_app.tsx(211B)
----.yarn()
--------releases()
----yarn.lock(169KB)

网友评论