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