rofrischmann/fela

# createRenderer

Creates a Fela renderer which renders your React Native styles utilizing `StyleSheet.create`. 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](advanced/plugins) to process styles before they get cached.<br />_See [Advanced - Renderer Configuration](advanced/renderer-configuration) for further information_ |

## Returns

([Renderer](api/fela-native/renderer)): A Renderer instance.

## Example

```javascript
import { createRenderer } from 'fela-native'

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

const renderer = createRenderer()

renderer.renderRule(rule, { size: 12 })
// => { backgroundColor: 'red', fontSize: 12, color: 'blue' }
```