Render props

Frontend First

Sam and Ryan talk about render props in React. They discuss where they came from, how Hooks superseded them for sharing stateful logic, how data attributes compare to them for customizing styling, and how for certain complex components like forms they're still a great solution for accessing slices of internal state.

Timestamps:

  • 0:00 - Intro
  • 3:40 - Where did render props come from?
  • 6:01 - How hooks replaced many use cases for render props
  • 8:14 - Using render props for custom styling
  • 10:32 - Data attributes vs. render props for custom styling
  • 16:43 - Using render props to peek into an uncontrolled component's internal state
  • 21:05 - Forms example and using render props for a smaller public API
  • 24:10 - React docs mention of render props
  • 25:48 - Where render props shine

Links:

  • Headless UI Menu
  • Radix Forms
  • React Aria Forms
  • React docs - Render props
  • Our upcoming course on React Component Patterns
  • Email Sam
  • Email Ryan

Bạn cần đăng nhập để nghe các tập có chứa nội dung thô tục.

Luôn cập nhật thông tin về chương trình này

Đăng nhập hoặc đăng ký để theo dõi các chương trình, lưu các tập và nhận những thông tin cập nhật mới nhất.

Chọn quốc gia hoặc vùng

Châu Phi, Trung Đông và Ấn Độ

Châu Á Thái Bình Dương

Châu Âu

Châu Mỹ Latinh và Caribê

Hoa Kỳ và Canada