React Native inline styles and performance

Question

Does the following:

<Text style={{color: 'blue', fontSize: 30}} /> 

Have any performance implications compared to:

<Text style={styles.blueButton} />  ...  const styles = StyleSheet.create({   blueButton: {     color: 'blue',     fontSize: 30,   } }); 

Answer 1

From the docs for StyleSheet

Performance:

• Making a stylesheet from a style object makes it possible to refer to it by ID instead of creating a new style object every time.
• It also allows to send the style only once through the bridge. All subsequent uses are going to refer an id (not implemented yet).

Another benefit is that style errors will be generated at compile time as opposed to run time.

I personally still like using inline styles (and creating new components for shared styles) because it makes the code more readable for me and the performance hit has not been noticeable.