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

Publicado em: 06 Junho 2024
no canal de: Masteryst
24
0

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.


Nesta página do site você pode assistir ao vídeo on-line [ReactJS Newbie Series] 4. React Button OnClick + Basic JS Debugging duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Masteryst 06 Junho 2024, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 24 vezes e gostou 0 espectadores. Boa visualização!