使用Player FM应用程序离线!
Controlled and uncontrolled components
Manage episode 436653274 series 1635850
Sam and Ryan discuss controlled and uncontrolled components in React. They talk about how uncontrolled components can be thought of as components that manage their own internal state, why you should model your complex React components after the simpler APIs of native HTML elements like inputs, why you shouldn't try to make components that are both controlled and uncontrolled, and why making a new component boundary is sometimes all you need to make your custom components behave more predictably.
Timestamps:
- 0:00 - Intro
- 1:41 - What are controlled and uncontrolled components?
- 6:11 - How to change a component from uncontrolled to controlled
- 8:48 - How do you decide when to use a controlled or uncontrolled component?
- 12:00 - Sortable table example and a single source of truth
- 15:27 - Is it always either controlled or uncontrolled?
- 21:09 - Color picker example and not exposing internal state
- 28:46 - Sortable list example with Framer Motion
- 39:45 - Component boundaries and wearing two hats: the library author vs. library consumer
- 41:43 - How do you know if you are using the wrong approach?
Links:
201集单集
Manage episode 436653274 series 1635850
Sam and Ryan discuss controlled and uncontrolled components in React. They talk about how uncontrolled components can be thought of as components that manage their own internal state, why you should model your complex React components after the simpler APIs of native HTML elements like inputs, why you shouldn't try to make components that are both controlled and uncontrolled, and why making a new component boundary is sometimes all you need to make your custom components behave more predictably.
Timestamps:
- 0:00 - Intro
- 1:41 - What are controlled and uncontrolled components?
- 6:11 - How to change a component from uncontrolled to controlled
- 8:48 - How do you decide when to use a controlled or uncontrolled component?
- 12:00 - Sortable table example and a single source of truth
- 15:27 - Is it always either controlled or uncontrolled?
- 21:09 - Color picker example and not exposing internal state
- 28:46 - Sortable list example with Framer Motion
- 39:45 - Component boundaries and wearing two hats: the library author vs. library consumer
- 41:43 - How do you know if you are using the wrong approach?
Links:
201集单集
所有剧集
×欢迎使用Player FM
Player FM正在网上搜索高质量的播客,以便您现在享受。它是最好的播客应用程序,适用于安卓、iPhone和网络。注册以跨设备同步订阅。