Use ComponentProps in React + Typescript ❗

How to use the ComponentProps TypeScript utility type in React.js to make your component accept the props of another component, like an HTML input field.
⭐ Get my full-stack Next.js with Express & TypeScript course: codinginflow.c...
✅ Get my free React Best Practices course: www.codinginfl...
💌 Join my newsletter for regular web dev tips: codinginflow.c...
💬 Join our developer community on Discord: codinginflow.c...
📣 Follow Coding in Flow on social media:
Twitter: / codinginflow
Instagram: / codinginflow
TikTok: / codinginflow
Facebook: / codinginflow

[@codinginflow]

Get my FREE React Best Practices course: codinginflow.com/reactbestpractices

[@blenderpanzi]

Endlich mal ein React short mit nützlicher Information! Das hätte ich schon mal brauchen können. :D

[@codinginflow]

Danke bro 💚

[@Shad0wB0X3r]

Another banger of a react short. Keep up the great work, content like this is underrated and saves us all a ton of time. 👍

[@codinginflow]

Thank you very much 😊 Makes me happy to hear

[@bobobo1673]

I recently discovered this utility, it came in quite handy for the same thing you've used :)... Subject aside, I like that you have the component arguments unstructured, it's something nice to look at, unfortunately my technical manager thinks it's a bad practice because several lines are created.. in any case, good video

[@codinginflow]

What do you mean by unstructured?

[@PLAYER-WIP]

Short videos are always the best

[@thatsenoughdixit]

ComponentProps. Writing so I could remember.

[@codinginflow]

👍🏻

[@DerAuskennfuchs]

What's the difference to the "InputHTMLAttributes" type, also provided by React?

[@BarisPalabiyik]

This was really good. Keep'em coming

[@codinginflow]

Thank you! Will do!

[@aminsoraya]

Nice

[@Ca-rp7bv]

wow

[@codinginflow]

I know, right?

[@zkabadu]

I hear you speaking English, I check your profile: confirmed - you're German 😅

[@mohitgoyal9931]

This is good but it's too fast

[@lehuynh97]

When u publish ecommerce project 😢

[@codinginflow]

Still recording 👀