注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

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

  2. 对CSS-in-TS的全面分析 本文包含对所有当前支持服务器端渲染和Typescr ipt的CSS-in-JS解决方案的深入分析。 我们将用于比较的基准参考是CSS模块方法。 我们正在使用Next.js作为构建资源的SSR框架。 最后一个重要方面是具有完全Typescr ipt支持的类型安全性。 :raised_hand: 请先查看我们的和然后再得出结论。 :spiral_calendar: 最近更新： 2021年3月 目录 图书馆评论 动机 CSS语言和CSS模块有一些限制，特别是如

  3. 所属分类：其它

  1. react-css-in-js:最少的React css-in-js样式的组件-源码

  2. React CSS-in-JS 使用标签模板，对于任何接受className属性的组件， className使用最小的React css-in-js，并且无需特殊的编译步骤。 入门 import { css , Styled } from 'react-css-in-js' ; const color = 'white' ; render ( { css ` color : black; background-color : hotpink;

  3. 所属分类：其它

    • 发布日期：2021-03-16
    • 文件大小：793kb
    • 提供者：weixin_42119358

  1. hero-video:使用实用程序优先CSS框架，Tailwind CSS和CSS-in-JS库，带样式的组件来对React组件进行样式设置-源码

  2. 英雄视频示例 使用实用程序优先CSS框架， 和CSS-in-JS库，带来对进行样式设置。 这演示了一种样式化组件的有效方法。 安装，构建然后服务 安装软件包相关性： 1) npm install 生成应用，然后在上投放 2) npm run build && npx serve -s build 或以开发模式在上启动应用程序 npm start 要运行测试（覆盖范围尚未完成）： npm test

  3. 所属分类：其它

    • 发布日期：2021-03-10
    • 文件大小：22mb
    • 提供者：weixin_42116847

  1. 荣耀：世界上最快的框架激动CSS-in-JS库-源码

  2. 伪装 :rocket: :rocket: :rocket: 世界上最快的框架激动CSS-in-JS库。 淘汰了流行的知名CSS-in-JS库，例如 ， 和但具有相同甚至更好的支持。 你不相信我吗在此处查看。 特征 :high_voltage: 轻巧和模块化。 仅安装您需要的内容。 :fire: 快速燃烧。 :globe_showing_Asia-Australia: 框架激动。 :white_heavy_check_mark: 经过测试。 :ambulance: 提供

  3. 所属分类：其它

    • 发布日期：2021-02-16
    • 文件大小：213kb
    • 提供者：weixin_42159267

  1. 釉：CSS-in-JS微库，用于使设计系统可与React配合使用-源码

  2. CSS-in-JS微库，使设计系统可与React结合使用 :light_bulb: 动机 这个项目的诞生是为了将其最好的前辈结合到一个解决方案中： 由实现的实用程序优先 完全静态，但可自定义的前期 包含可重复使用性，没有重复的规则 基于约束的布局，由普及 高度动态，感谢 一次性样式可以自然定义 接近零的运行时间（通过 考虑到旧式浏览器的主题支持 静态样式提取，同时保持类型安全 :books: 用法 安装软件包及其对等依赖项： npm install glaze treat 定义主

  3. 所属分类：其它

    • 发布日期：2021-02-06
    • 文件大小：427kb
    • 提供者：weixin_42134769

  1. 选项：具有轻量级运行时的原子CSS-in-JS-源码

  2. 具有轻量级运行时的原子CSS-in-JS 背景故事 设计系统包含面向组件的思维方式。 受启发，实用程序类提供了可重用的样式，而没有任何不良的副作用。 但是，必须先生成它们。 原子性通过按需实例化样式规则来概括前一个概念。 作为基于约束的布局的坚实基础，已逐渐兴起。 主要特点 :bowling: 支持速记属性 :bento_box: 可靠的伪选择器排序 :locked_with_key: 具有自动补全功能的类型安全 :T-Rex: 自动前缀和后备值 :books: 嵌入式JSDoc参考

  3. 所属分类：其它

    • 发布日期：2021-02-06
    • 文件大小：422kb
    • 提供者：weixin_42168230

  1. filbert-js：轻量级（〜1kb）css-in-js框架-源码

  2. 榛子轻量级（〜1KB）的css-in-js解决方案（框架） :artist_palette: 它是具有类似API表面的（〜12.51kB）或（〜11.3kB）的替代方法。 产品特点 名称 状态 :white_heavy_check_mark: :white_heavy_check_mark: :white_heavy_check_mark: :white_heavy_check_mark: :white_heavy_check_mark: :white_heavy_chec

  3. 所属分类：其它

  1. xstyled：为React构建的实用程序优先CSS-in-JS框架。 ‍:microphone::high_voltage:-源码

  2. 为React构建的实用程序优先CSS-in-JS框架。 npm install xstyled/styled-components styled-components 有关使用xstyled的更多信息，请参见的文档！ 快速链接到一些访问量最大的页面： 例 import { x } from 'xstyled/styled-components' function Example ( ) { return (

  3. 所属分类：其它

  1. goober：:peanuts:goober，不到1KB:party_popper:带有熟悉的API的css-in-js替代品-源码

  2. :peanuts: goober，一种小于1KB的css-in-js解决方案。 动机 我一直想知道，如果您能以较小的占用空间获得可行的css-in-js解决方案。 因此，当我在进行辅助项目时，我希望使用样式化组件或更准确的styled模式。 通过查看Javascr ipt捆绑的大小，我很快意识到我必须包含〜12kB（）或〜11kB（），才可以使用styled范例。 因此，我承担了为这些完善的api创建更小的替代方案的任务。 为什么选择花生表情符号？ 这是标语上的双关语。 css-in-js以

  3. 所属分类：其它

    • 发布日期：2021-02-05
    • 文件大小：591kb
    • 提供者：weixin_42169971

  1. 框架：es Aesthetic是一个端到端的多平台样式框架，它提供严格的设计系统，健壮CSS-in-JS原子引擎，结构样式表规范（SSS），低运行时解决方案等等。 ！-源码

  2. 审美的 现在就开始使用美学！ Aesthetic是一个端到端的多平台样式和设计套件，提供以下软件包。 -将设计系统YAML配置编译为Android，iOS和Web目标-如Less，Sass或CSS-in-JS。 -设计系统配置Javascr ipt实现，具有主题和用户首选项支持（配色方案，对比度级别等）。 -也称为SSS，它为CSS-in-JS解决方案提供了类型安全的结构化样式表格式。 提供本地和全局范围的解析器。 -低级API，使用原子类名称和CSS变量将CSS声明呈现到DOM中，

  3. 所属分类：其它

    • 发布日期：2021-02-04
    • 文件大小：433kb
    • 提供者：weixin_42099936

  1. 裤子：钩子优先CSS-in-JS库，侧重于语义和运行时性能-源码

  2. 长裤 :jeans: 裤子使React组件更时尚！ Trousers是一个一个CSS-in-JS库，旨在帮助开发人员使用高性能和语义CSS编写React应用。 它受到引入的惯例的极大影响，借用了Blocks（组件），Elements（子节点）和Modifiers（样式作为状态的函数）的概念。 通过此API，Trousers鼓励样式的语义组织，而不会无意间增加通常与CSS-in-JS库关联的运行时影响。 目录 开始吧 :high_voltage:

  3. 所属分类：其它

  1. nyancss：:rainbow:在编写纯CSS的同时获得CSS-in-JS的好处-源码

  2. :rainbow: Nyan CSS 两全其美。 Nyan CSS使您可以编写普通CSS，同时获得CSS-in-JS的好处。 写一个通用的设计系统。 您可以在从静态HTML + CSS开始到React和Vue.js结束的任何地方重用相同的代码，而无需实际更改CSS。 简约的。 受BEM启发的仅包含3条规则，但它与BEM一样安全。 使用现代CSS 。 Coffeescr ipt早已摆脱了雷达的束缚，但我们所有人都喜欢它；-)坚持使用平台来确保代码的寿命。 | 安装 请参阅。 演示版 CS

  3. 所属分类：其它

    • 发布日期：2021-02-04
    • 文件大小：122kb
    • 提供者：weixin_42118056

  1. css-in-js-precompiler：进展中的工作：将CSS-in-JS对象预编译为CSS字符串-源码

  2. CSS在JS预编译器 将静态CSS-in-JS对象预编译为CSS字符串 目前正在进行的工作 问题 您喜欢CSS-in-JS的优点，但是不喜欢在不使用实际CSS文件方面必须进行的一些性能特征和权衡。 这个解决方案 该模块接收您的源代码，并为您提供源代码，其中将原义CSS-in-JS对象交换为类名以及生成CSS。 然后，您可以使用该文件创建一个css文件并进行部署。 现在还处于初期 安装 尚未出版。 但是您仍然可以通过以下方式安装它： npm install kentcdodds/css-in-

  3. 所属分类：其它

    • 发布日期：2021-02-04
    • 文件大小：79kb
    • 提供者：weixin_42139429

  1. react-koa-universal：一个样板react graphql阿波罗css-in-js流行语koa ssr pwa wasm一次性应用:litter_in_bin_sign:-源码

  2. React Koa Universal 此回购试验使用了当今市场上最新的自行车棚技术。 我仅打算保留此样板供个人使用和发现。 稳定性不是该项目的重点，但是我欢迎有志之士进行探索。 ¯_（ツ）_ /¯ 包括： 考阿 GraphQL React 阿波罗 Linaria（CSS-in-JS） 到达路由器 Webpack 工作箱 打字稿 锈 Web组装

  3. 所属分类：其它

    • 发布日期：2021-02-03
    • 文件大小：83kb
    • 提供者：weixin_42117037

  1. 阿芙罗狄蒂：与框架无关CSS-in-JS，支持服务器端呈现，浏览器前缀和最少CSS生成-源码

  2. 阿芙罗狄蒂 与框架无关CSS-in-JS，支持服务器端渲染，浏览器前缀和最少CSS生成。 支持将样式与Javascr ipt组件并置。 有无React都可以很好地工作 支持没有window.matchMedia的媒体查询 支持伪选择器，如:hover ， :active等，而无需在组件中存储悬停或活动状态。 :visited工作也很好。 支持自动全局font-face检测和插入。 指定多种样式时遵守优先顺序 无需AST转换 仅将渲染所需的确切样式注入DOM。 可用于服务器渲染 很少有

  3. 所属分类：其它

    • 发布日期：2021-02-03
    • 文件大小：118kb
    • 提供者：weixin_42099151

  1. 跑：RAN！ React。 GraphQL。 Next.js工具包-面向SEO，生产就绪，SSR，热重载，CSS-in-JS，缓存，CLI命令等。-源码

  2. RAN：React。 GraphQL。 Next.js工具包 产品特点 热加载准备开发 下一代Javascr ipt（ES6） 脱机就绪（实验性！） 下一代CSS（CSS-in-JS） 瞬间创建新页面（使用CLI） SEO就绪 性能至上 面向数字海洋，Heroku和AWS的生产部署已准备就绪 更漂亮和ESLint集成 如何使用 首先，使用此命令克隆存储库。 git clone --depth=1 https://github.com/Sly777/ran.git RAN cd RA

  3. 所属分类：其它

    • 发布日期：2021-02-02
    • 文件大小：463kb
    • 提供者：weixin_42131352

  1. twin.macro：Twin‍:male_sign_selector: Twin在构建时将Tailwind的魔力与css-in-js的灵活性（情感，样式化组件和goober）融合在一起-源码

  2. Twin将Tailwind的魔力与CSS-in-js的灵活性融为一体 使用Twin的tw属性将Tailwind类添加到jsx元素上： import 'twin.macro' const Input = ( ) => 将Nest Twin的tw导入到CSS道具中以添加条件样式： import tw from 'twin.macro' const Input = ( { hasHover } ) => ( < input css = { [ tw `border`

  3. 所属分类：其它

    • 发布日期：2021-02-02
    • 文件大小：279kb
    • 提供者：weixin_42113456

  1. awesome-css-in-js：JS文章中的Aosome CSS CSS教程视频基准比较-源码

  2. awesome-css-in-js：JS文章中的Aosome CSS CSS教程视频基准比较

  3. 所属分类：其它

    • 发布日期：2021-01-31
    • 文件大小：11kb
    • 提供者：weixin_42135753

  1. babel-plugin-tailwind-components：将Tailwind与任何CSS-in-JS库一起使用-源码

  2. babel-plugin-tailwind-components 将与任何CSS-in-JS库一起使用 先决条件 在开始使用babel-plugin-tailwind-components之前，需要确保您具有。 您可以从获取默认配置。 将配置文件作为tailwind.js放置在项目根目录中。 或者，您可以在指定其他文件名。 安装 有两种使用babel-plugin-tailwind-components的方法。 推荐的方法是通过 ： npm install --save-dev babel

  3. 所属分类：其它

    • 发布日期：2021-01-30
    • 文件大小：47kb
    • 提供者：weixin_42134338

  1. xwind：将Tailwind CSS作为JS和CSS-in-JS中的模板语言-源码

  2. 此仓库包含一组软件包，这些软件包使Tailwind与CSS-in-JS库的集成更加容易。 为什么会存在？ 当将Tailwind与CSS-in-JS库一起使用时，您可能会遇到其中一些问题。 您必须使用PurgeCSS来获取最小CSS文件，PurgeCSS依赖于字符串匹配 拼写错误，重构或使用不存在的类时没有警告 内联类可能变得很长且难以阅读 您必须在tailwind.config.js中指定实用程序类的变体 功能/目标 解决以上所有问题 自动与最新的Tailwind版本2.XX兼容 将变体应用

  3. 所属分类：其它

    • 发布日期：2021-01-28
    • 文件大小：376kb
    • 提供者：weixin_38727798
« 12 3 4 5 6 7 8 9 10 ... 20 »