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

Veröffentlicht am: 06 Juni 2024
auf dem Kanal: 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.

Auf dieser Seite können Sie das Online-Video [ReactJS Newbie Series] 4. React Button OnClick + Basic JS Debugging mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Masteryst 06 Juni 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 24 Mal angesehen und es wurde von 0 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

260