Styling your React js components for reuse

on YouTube ↗16m

" summary

Demonstrates using styled-components with React to build reusable UI pieces (Title, Date, Description, Button) that embed CSS in the component, imports via npm/yarn, and extendable styles for consistent design. Shows passing preset props from parent to lock content and appearance so components remain copy-pasteable and non‑dynamic, speeding development and eliminating repeated CSS. Uses practical code examples and reports successful consistent rendering across pages; mentions ImageHive as a related tool.

AI-written summary · about

" chapters (5)

1. 0:00Intro
2. 1:36About me
3. 3:44Style Components
4. 12:22Reusable Components
5. 15:24Wrap up

" related talks

• 38mWriting highly reusable React componentsJavi Velasco · React Alicante 2017
• 29mStyling React For ReuseJen Luker · UtahJS Conf 2017
• 29mStyling Components for React UI KitsJavi Velasco · ReactiveConf 2017
• 22mStyled ComponentsMax Stoiber · .concat() 2018
• 34mStyling React/ReactNative ApplicationsMax Stoiber · React Amsterdam 2017
• 22mStyling Components for React UI KitsJavi Velasco · ReactJS Day 2017
• 30mStyled-components: Styled-components Enforcing best practicesMax Stoiber · ReactiveConf 2016
• 04mThe Road to Styled ComponentsMax Stoiber · React Conf 2017