[ReactJS Newbie Series] 4. React Button OnClick + Basic JS Debugging

Published: 06 June 2024
on channel: Masteryst

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.

On this page of the site you can watch the video online [ReactJS Newbie Series] 4. React Button OnClick + Basic JS Debugging with a duration of hours minute second in good quality, which was uploaded by the user Masteryst 06 June 2024, share the link with friends and acquaintances, this video has already been watched 24 times on youtube and it was liked by 0 viewers. Enjoy your viewing!

66,475

3.5K