chameleon:React库，用于构建“只是知道”如何自定义样式的组件

【文件属性】：

文件名称：chameleon:React库，用于构建“只是知道”如何自定义样式的组件

文件大小：20KB

文件格式：ZIP

更新时间：2024-06-01 08:00:29

JavaScript

变色龙 永远不要再混合业务逻辑和样式！ 什么是变色龙？ Chameleon是一个库，通过该库，您可以编写样式不同的组件，具体取决于它们在应用程序中的位置。 默认情况下，

组件可能以40px渲染，或者在以35px渲染。 默认情况下，其颜色可能为蓝色，而在夜间模式下，则可能为黄色。 Chameleon中的样式更改非常简单。 样式信息是通过React的上下文传递的。 使用contextReducer更新此上下文。 表示组件会读取该上下文并进行适当渲染。 就是这样！ Chameleon的目标是允许您将样式与业务逻辑完全分开。 快速使用变色龙的概述 在此快速概述中，我们将使用Chameleon制作

和

组件。 默认情况下，

组件将以40px呈现。 但是，在

，它将以35px渲染。 在两个嵌套部分中，它

【文件预览】：
chameleon-master
----FAQ.md(1KB)
----FULL_API.md(4KB)
----yarn.lock(43KB)
----src()
--------makeContextComponents.js(1KB)
--------index.js(143B)
--------reducers()
----.babelrc(152B)
----scripts()
--------rollup.config.js(704B)
----LICENSE.md(1KB)
----README.md(9KB)
----.gitignore(72B)
----package.json(1KB)