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

Опубликовано: 06 Июнь 2024
на канале: 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.

На этой странице сайта вы можете посмотреть видео онлайн [ReactJS Newbie Series] 4. React Button OnClick + Basic JS Debugging длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Masteryst 06 Июнь 2024, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 24 раз и оно понравилось 0 зрителям. Приятного просмотра!

3,162