website/docs/latest/api/fela-native/createRenderer.mdx
# 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' }
```