Unstyled React components
Podcast |
Frontend First
Media Type |
audio
Categories Via RSS |
Technology
Publication Date |
Aug 15, 2024
Episode Duration |
00:34:08

Sam and Ryan talk about the pattern of building unstyled components with React. They discuss why unstyled components were created, how they improve upon composition patterns from UI libraries like Bootstrap, how they can be used to share behavior and logic without prescribing any styling opinions, and how they fit into a larger collection of React patterns that can be used to build more powerful components that avoid premature abstractions.

Timestamps:

  • 0:00 - Intro
  • 1:36 - What are unstyled components?
  • 2:24 - How do unstyled components improve upon earlier patterns?
  • 6:44 - Why would you want to use an unstyled component?
  • 9:58 - How can you compose an unstyled component with a styled component?
  • 16:41 - How to decide which pattern is best suited for the code you want to share
  • 19:36 - Using patterns that preserve React's locality of behavior
  • 24:49 - How do you know if an abstraction is good?
  • 32:54 - Build UI's upcoming course on Advanced React Component Patterns

Links:

Sam and Ryan talk about the pattern of building unstyled components with React. They discuss why unstyled components were created, how they improve upon composition patterns from UI libraries like Bootstrap, how they can be used to share behavior and logic without prescribing any styling opinions, and how they fit into a larger collection of React patterns that can be used to build more powerful components that avoid premature abstractions.

Sam and Ryan talk about the pattern of building unstyled components with React. They discuss why unstyled components were created, how they improve upon composition patterns from UI libraries like Bootstrap, how they can be used to share behavior and logic without prescribing any styling opinions, and how they fit into a larger collection of React patterns that can be used to build more powerful components that avoid premature abstractions.

Timestamps:

  • 0:00 - Intro
  • 1:36 - What are unstyled components?
  • 2:24 - How do unstyled components improve upon earlier patterns?
  • 6:44 - Why would you want to use an unstyled component?
  • 9:58 - How can you compose an unstyled component with a styled component?
  • 16:41 - How to decide which pattern is best suited for the code you want to share
  • 19:36 - Using patterns that preserve React's locality of behavior
  • 24:49 - How do you know if an abstraction is good?
  • 32:54 - Build UI's upcoming course on Advanced React Component Patterns

Links:

This episode currently has no reviews.

Submit Review
This episode could use a review!

This episode could use a review! Have anything to say about it? Share your thoughts using the button below.

Submit Review