Artwork

内容由Frontend First, Sam Selikoff, and Ryan Toronto提供。所有播客内容(包括剧集、图形和播客描述)均由 Frontend First, Sam Selikoff, and Ryan Toronto 或其播客平台合作伙伴直接上传和提供。如果您认为有人在未经您许可的情况下使用您的受版权保护的作品,您可以按照此处概述的流程进行操作https://zh.player.fm/legal
Player FM -播客应用
使用Player FM应用程序离线!

Unstyled React components

34:08
 
分享
 

Manage episode 434298984 series 1635850
内容由Frontend First, Sam Selikoff, and Ryan Toronto提供。所有播客内容(包括剧集、图形和播客描述)均由 Frontend First, Sam Selikoff, and Ryan Toronto 或其播客平台合作伙伴直接上传和提供。如果您认为有人在未经您许可的情况下使用您的受版权保护的作品,您可以按照此处概述的流程进行操作https://zh.player.fm/legal

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:

  continue reading

195集单集

Artwork

Unstyled React components

Frontend First

213 subscribers

published

icon分享
 
Manage episode 434298984 series 1635850
内容由Frontend First, Sam Selikoff, and Ryan Toronto提供。所有播客内容(包括剧集、图形和播客描述)均由 Frontend First, Sam Selikoff, and Ryan Toronto 或其播客平台合作伙伴直接上传和提供。如果您认为有人在未经您许可的情况下使用您的受版权保护的作品,您可以按照此处概述的流程进行操作https://zh.player.fm/legal

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:

  continue reading

195集单集

所有剧集

×
 
Loading …

欢迎使用Player FM

Player FM正在网上搜索高质量的播客,以便您现在享受。它是最好的播客应用程序,适用于安卓、iPhone和网络。注册以跨设备同步订阅。

 

快速参考指南