createRenderer

Creates a Fela renderer which renders your selectors, keyframes, fonts and static styles.
It caches all rendered styles to be able to reuse them on future rendering cycles.

Arguments

Argument	Type	Description
config	Object?	Optional renderer configuration. The most common use case is adding plugins to process styles before they get cached. See Advanced - Renderer Configuration for further information

Returns

(Renderer): A Renderer instance.

Example

import { createRenderer } from 'fela'

const rule = (props) => ({
  backgroundColor: 'red',
  fontSize: props.size,
  color: 'blue',
})

const renderer = createRenderer()

renderer.renderRule(rule, { size: '12px' }) // => a b c