Interfaces

Interfaces are patterns used to apply CSS styling to React components or elements. Usually interface will also define the generation of the library as it will put restrictions on scope of JavaScript variables.

• 1^st Generation
  • Namespacer
  • Webpack loader
  • Babel plugin
• 2^nd Generation
  • Inline styles
• 3^rd Generation
  • Rule
  • StyleSheet
  • Hyperstyles
• 4^th Generation
  • Styled component
  • Static property
  • Class decorator
  • Render decorator
  • Component
  • HOC
• 5^th Generation
  • Style-it
  • jsxstyle