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

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