[Talk Summary] Styling React/ReactNative Applications — Max Stoiber

This is a good talk about how do our “Document base web development, class name base styling” switch to the “Component base web development and styling”, but if you don’t have time to watch it. Here is the very short summary of this talk.

1. Classname is just mapping. If you can use component and the style only apply to this component, you don’t need a classname at all.
2. styled-components is the solution for writing “real” css in your JS component. You can write font-size instead of fontSize. You can also use media query, conditional styling with props, javascript function, built in theme and more.(check out the documentation)
3. styled-components support react-native. AFAIK only styled-components, fela and glamorous have react-native support. see Awesome CSS in JS.

I hope this help you to save some of your time, thanks.