Artwork

Frontend First, Sam Selikoff, and Ryan Toronto에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Frontend First, Sam Selikoff, and Ryan Toronto 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.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://ko.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

201 에피소드

Artwork

Unstyled React components

Frontend First

214 subscribers

published

icon공유
 
Manage episode 434298984 series 1635850
Frontend First, Sam Selikoff, and Ryan Toronto에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Frontend First, Sam Selikoff, and Ryan Toronto 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.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

201 에피소드

모든 에피소드

×
 
Loading …

플레이어 FM에 오신것을 환영합니다!

플레이어 FM은 웹에서 고품질 팟캐스트를 검색하여 지금 바로 즐길 수 있도록 합니다. 최고의 팟캐스트 앱이며 Android, iPhone 및 웹에서도 작동합니다. 장치 간 구독 동기화를 위해 가입하세요.

 

빠른 참조 가이드

탐색하는 동안 이 프로그램을 들어보세요.
재생