[ReactJS Newbie Series] 4. React Button OnClick + Basic JS Debugging
What you will learn in this video?
1. Use onClick props on button. This is works in html element and also in the Reactstrap component.
2. Print out when the button clicked ( using console.log ).
3. Show the console / developer tools console on chrome.
4. What is e? Basically e will show your HTML element.
5. Good Habit: Update on Github.
This Video Series Link: • ReactJS + ReactStrap + Bun [Newbie Series]
Previous Video: 3. Variable + Basic Layout UI
Links:
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 a471b3d4fb571a3f64ae2e87163f9c367cd77c58"
Timecode:
00:00 onClick Props on Decrease Button
00:40 Chrome DevTools to see Console Message
00:52 Try Click & See Event Message
00:56 onClick on Increase Button
01:15 What is Event Parameter?
01:50 Update to Github
Thanks for watching. Hope this video series helps you learn faster.