一句话glamorous 是一个面向 React 的组件样式库,用 JavaScript 对象创建可维护的 CSS-in-JS 组件样式。
定价免费/开源库 正文未出现商业定价;安装方式为 npm install --save glamorous react glamor prop-types。
适合谁React/Preact 前端开发者、使用 CSS-in-JS 管理组件样式的团队、需要与 create-react-app/Next.js/Jest 等生态配合的项目。
核心功能通过 glamorous.div、glamorous(Component) 等 API 创建带样式的 React 组件支持样式对象、基于 props 的动态样式、css prop 与 className 组合支持 withComponent 复用样式到不同标签支持 withProps 设置默认或动态 props支持 prop 过滤:rootEl、forwardProps、filterProps支持 shouldClassNameUpdate 优化 className 生成内置 TypeScript 定义支持 Preact 入口 glamorous/preact
功能与用途glamorous 用于在 React 中创建可维护的组件样式。它提供 glamorous 函数和内置组件工厂,可把样式对象或基于 props 的样式函数转换为带 className 的 React 组件;支持 css prop、withComponent、withProps、propsAreCssOverrides、shouldClassNameUpdate、rootEl、forwardProps、filterProps 等能力。
支持语言/框架主要面向 React;支持 Preact,可通过 glamorous/preact 使用。正文还提到 TypeScript 定义需要 TypeScript 2.4 或以上。集成示例覆盖 create-react-app、Next.js、Jest。
开源还是闭源正文提供 GitHub 链接,并提到 Pull requests、贡献 TypeScript 定义,表明其以开源方式协作;但未明确列出许可证。
自托管选项这是 npm 安装的前端库,不是托管型服务;正文未涉及服务端自托管部署。
定价正文未出现付费计划或商业定价;安装命令为 npm install --save glamorous react glamor prop-types。
API/SDK提供 JavaScript API:glamorous(Component)、glamorous('div')、glamorous.div<Props>()、glamorousComponentFactory、withComponent、withProps、propsAreCssOverrides、shouldClassNameUpdate 等;附带 TypeScript definitions。
集成与生态支持 create-react-app、Next.js、Jest、polished、styled-system、glamorous-pseudo、glamor、recompose、Preact,并提供 CodeSandbox 或示例链接说明。
文档质量文档覆盖 Getting Started、Basics、Advanced、Examples、Integrations、API,并包含大量代码片段和边界行为解释。TypeScript 部分也列出不完整支持与已知问题,透明度较好;但正文未体现版本维护状态和社区支持信息。
中国访问未知
适用场景React 组件样式封装、基于 props 的主题/状态样式、将同一组样式复用到不同 HTML 标签、在 Preact 项目中使用类似 CSS-in-JS 写法、配合 Jest/Next.js/create-react-app 搭建前端项目。
同类styled-components、emotion、typestyle、glamor