React Components with GENERICS? - Advanced TypeScript

Become a TypeScript Wizard with Matt's upcoming TypeScript Course:

Follow Matt on Twitter

[nick]

Also found that adding a comma after the generic arg allows you to still use arrow functions

[alexandercherniavenko]

You can use generic with an arrow function in jsx. To do so use next: <T, >
(with comma at the end)

[PrevalentAA]

Thank you Matt. These bite sized videos on more specific and localised topics are great. Keep them coming!

[workflowinmind]

Very nice.
This is now accepted too btw (0:37)

[mariolazzari]

Brillant! Really helpful for typing mu custom data table component. Great job!

[TheMERABANABER]

Absolute lifesaver, thank you so much

[williamcory]

You can also just use <T extends any>() => to make it not ambigious in tsx files

[amirbagjani]

Thanks for sharing your knowledge 👍🏾
You can use this <T extends { id: number } >

[vasylnekohda]

am I only the one who is confused by the 'renderItem' prop? I mean it's just a prop, meanwhile Table returns nothing - if prop isn't executed from the component it won't get executed. so what's the point ?

[sergeymild]

how will it looks like if i need wrap my component in forwardRef?

[NareshKumarPanneerSelvam]

how can we use generics for forwardRef type

[ГерриПитт]

I find your videos very cool! But it would be even cooler if you took a small js lib and taught generics by adding types to it, on real word example)

[archmad]

You dont need to turn it into function, const is fine but use extends instead

[jeffnikelson]

but be carefull since it's easy to lose type-safety with this approach