【文件属性】:
文件名称:freyja:将样式作为道具传递给组件
文件大小:79KB
文件格式:ZIP
更新时间:2021-05-10 11:41:23
JavaScript
弗雷雅
功能齐全的功能CSS-in-JS解决方案,从改编而成,使其适合生产网站。 您提供一个接受组件props和应用程序theme的函数,并返回样式图( (theme, props, helpers) => ({key1: style, key2: style}) ), useStyles将返回类名的地图(像{key1: className, key2: className} )。
CXS具备的所有优势包括:
React挂钩API
复杂组件的高效功能设计
服务器端渲染和客户端水化
全面而高效的供应商前缀
动画关键帧
排序媒体查询以确保正确的级联优先级
如何使用
通过npm i freyja安装。
创建样式化的组件。
import useStyles from 'freyja'
// this could be in a separate file if you like
cons
【文件预览】:
freyja-master
----.gitignore(35B)
----.babelrc(159B)
----package.json(1KB)
----package-lock.json(277KB)
----src()
--------prefixer.js(4KB)
--------traits.js(4KB)
--------index.js(705B)
--------utils.js(500B)
--------css.js(4KB)
--------props.js(586B)
----entry-cjs.js(9KB)
----rollup.config.js(895B)
----entry-esm.js(9KB)
----README.md(3KB)
----tests()
--------freyja.test.js(3KB)
----.npmignore(16B)