Скачать или смотреть Make great React Components in 2025 with these tips!

Today I go over everything I know about building react components for the last 8 years. How to make them great and extensible and composable, and everything in between.

👍 Don't forget to like, comment, and subscribe for more episodes in this series! Join our coding community and let's build something amazing together.

https://github.com/forge42dev/base-stack

📌 Stay Connected:
Twitter:   / alemtuzlak  
GitHub: https://github.com/AlemTuzlak
Company Github: https://github.com/forge-42

⏱️ Timestamps:
00:00 - intro
00:44 - important info
01:40 - creating the first iteration of the component
03:03 - Drawbacks of our first approach & how to improve them
05:58 - Showing additional issues with extensibility
06:50 - The best way to handle component props
08:55 - Creating the input component with what we learned
10:00 - Creating higher level components
10:16 - Extending the ComponentType props with custom ones
11:28 - Order of props matters a lot!
12:06 - Allowing passing of a prop while still doing custom logic on top of the same prop
12:55 - Additional considerations with prop spreading
13:34 - Extending the existing classNames with custom ones
14:52 - defining default props
16:16 - Why you should be making props optional
20:00 - Understanding default and required props
20:22 - Composing components together with what we've learned
24:24 - reusing existing types while composing components
25:15 - making fields required sometimes makes sense
26:26 - Recap of how to make great react components
28:00 - Creating the Error component for the input
29:02 - How we used all the learning to build an amazing input field
30:25 - final thoughts and comments

🔖 Tags:
react react 18 react 19, react components, react tutorial, react best practice