React's Most Useful Types
summary
Live coding demonstrates concrete TypeScript helpers: shows that JSX nodes are react.JSX.Element but renderable values use react.ReactNode, explains why React.FC no longer implicitly includes children and now returns ReactNode, extracts native props via react.JSX.IntrinsicElements versus ComponentProps, builds an inputs registry that accepts function, class or intrinsic tags using React.ComponentType and ElementType, and resolves a React Select ref mismatch with react.elementRef — all examples compile and run in the live session.
AI-written summary · about
chapters (8)
- 0:00Introduction to React types
- 2:53JSX element vs React node
- 5:19Functional component types
- 8:48Handling native HTML elements
- 12:14Component props helper
- 14:09Component type and classes
- 16:55Polymorphic element types
- 18:56Ref types and conclusion
