文件名称:react-style-component
文件大小:1.82MB
文件格式:ZIP
更新时间:2024-06-22 14:38:52
JavaScript
React样式组件 定义包装数据组件的表示组件的概念证明。 用户可以在这个展示组件上定义 CSS 属性,例如声明、伪元素、伪类和规则,它们将被翻译成 CSS 将被注入到被包装的组件之上。 被包装的组件将收到一个 CSS 类名,所有在展示组件上声明的属性都将在该类名下定义。 这个想法是创建一种将样式组合在一起的方法,并能够将开发人员所需的所有信息并置在一起,以便处理单个组件。 目标 该项目的目标是提供一种可接受的内联样式替代方案,使您能够在不失去对基本 CSS 属性的支持的情况下获得内联样式方法的好处。 另一个目标是提供一种可能的替代方法来在组件内部创建单独的样式表。 相反,React Style Component 将 CSS 视为一种具有特定规则和限制的组件。 理想情况下,该项目可以实现真正的 CSS 模块,并允许用户通过 React 组件的组合来探索 CSS 样式的真正组合。
【文件预览】:
react-style-component-master
----tests.webpack.js(93B)
----webpack.config.js(592B)
----src()
--------__test__()
--------utils()
--------Style.js(795B)
--------core()
--------vendor()
----.babelrc(93B)
----styles-demo.gif(2.04MB)
----examples()
--------index.html(349B)
--------server.js(414B)
--------webpack.config.js(723B)
--------components()
--------routes.js(167B)
--------client.js(287B)
--------package.json(488B)
----README.md(2KB)
----Makefile(454B)
----docs()
--------basics.md(2KB)
--------composition.md(699B)
----.editorconfig(162B)
----.gitignore(44B)
----karma.conf.js(908B)
----package.json(952B)