Styled Components 备忘清单_开发速查表分享

Posted 2023-03-24 itbanzuan

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