Skip to content
Unstyled React components episode artwork

EPISODE · Aug 15, 2024 · 34 MIN

Unstyled React components

from Frontend First · host Frontend First

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: Build UI's newest course: Advanced React Component Patterns Sam's YouTube video on Recursive Components Email Sam Email Ryan

Episode metadata supplied by the publisher feed · Published Aug 15, 2024

Embed this episode

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.

Distinct summary based on available episode metadata or transcript content.

Ready to play

Unstyled React components

0:00 34:08

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

No similar podcasts found.

Frequently Asked Questions

How long is this episode of Frontend First?

This episode is 34 minutes long.

When was this Frontend First episode published?

This episode was published on August 15, 2024.

Can I download this Frontend First episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.
URL copied to clipboard!