[ReactJS Newbie Series] 9. React Custom Component & Introduction to Props
What you will learn in this video?
1. What is custom component in react.
2. Create two custom component.
3. Get to know a little about variable props and function props.
4. Know how to define and passing props to custom component.
5. Refactoring custom component.
6. Programming fundamental: Don't over refactoring things. Know when you need to.
This Video Series Link: • ReactJS + ReactStrap + Bun [Newbie Series]
Previous Video: 8. Good Habit Refactor Custom Hook
Links:
Refactoring.guru: https://refactoring.guru/
Reactstrap Documentation: https://reactstrap.github.io/?path=/s...
Github link: https://github.com/AkiraToya/basicbun...
This Github commit link: https://github.com/AkiraToya/basicbun...
To clone:
1. Go to terminal and go to the project folder you want.
2. Type "git clone https://github.com/AkiraToya/basicbun... ." ( dot means current folder )
3. Type "git checkout 235370bf5c0f9e8840c9ee6b2a61b8a480f9963b"
Timecode:
00:00 What is Custom Component in React?
00:40 Create CountLabel Custom Component
01:11 Get to Know Props with Variable Type
01:59 Create CountControl Custom Component
02:17 Get to Know Props with Function Type
02:46 Refactoring Custom Component
04:06 Update to Github
Thanks for watching. Hope this video series helps you learn faster.