Styling React/ReactNative Applications

on YouTube ↗34m

" summary

Claims that styling should drop the class-name mapping and embed real CSS inside JavaScript using tagged template literals, producing components that compile to unique class names and inject styles into the head. Shows a working library, styled-components, with server rendering support coming soon, a theme provider for nested themes, and React Native support via styled-components/native. Demonstrates prop-driven styles, runtime interpolation, and that the system compiles, ships only used CSS, and is already used in production.

AI-written summary · about

" chapters (7)

1. 0:00Intro
2. 1:28Component Age
3. 2:55Best Practices
4. 5:24Containers and Components
5. 10:57Style Components
6. 21:11Styling ReactNative
7. 26:11Questions

" related talks

• 04mThe Road to Styled ComponentsMax Stoiber · React Conf 2017
• 30mStyled-components: Styled-components Enforcing best practicesMax Stoiber · ReactiveConf 2016
• 31mThe road to <💅> styled-components" CSS in component-based systems"Max Stoiber · React London 2017
• 22mStyled ComponentsMax Stoiber · .concat() 2018
• 16mStyling your React js components for reuseShodipo Ayomide · JavaScript and Friends Conference 2020
• 47mThe road to styled components, and the road aheadGlen Maddern · ReactFoo 2017
• 29mStyling Components for React UI KitsJavi Velasco · ReactiveConf 2017
• 44mWriting styles for React componentsJavi Velasco · FrontFest 2017