关于程序员:Styled-Components-备忘清单开发速查表分享

57次阅读

共计 488 个字符,预计需要花费 2 分钟才能阅读完成。

Styled Components 备忘清单

IT 宝库整顿的 Styled Components 疾速参考备忘单提供了应用 CSS in JS 工具的各种办法入门,为开发人员分享疾速参考备忘单。

开发速查表纲要

  • 入门

    • 装置
    • 疾速开始
    • 依据 Props 适配
    • 扩大款式
    • 扩大款式扭转标签 (as)
    • 自定义组件 (as)
    • 款式化任何组件
    • 在 render 之外定义 Styled 组件
    • 传入值
    • 款式对象
    • CSSModules => styled
    • 伪元素、伪选择器和嵌套
    • 扭转 styled 组件款式
    • 全局款式 createGlobalStyle
    • className 应用
    • 共享款式片段
    • Class 组件款式定义
    • 附加额定的 Props
    • 笼罩 .attrs
    • 动画
    • isStyledComponent
    • ThemeConsumer
  • TypeScript

    • 装置
    • 自定义 Props
    • 简略的 Props 类型定义
    • 禁止转移到子组件 ($)
    • 函数组件类型继承
  • React Native

    • 根底实例
    • React Native 中写 CSS
  • 高级用法

    • 主题化
    • 性能主题
    • 通过 withTheme 高阶组件
    • useContext 钩子
    • useTheme 自定义钩子
    • 主题 props
    • Refs
    • 特异性问题
    • ThemeProvider
    • shouldForwardProp
正文完
 0