1. Hauptseite
2. Masteryst

What you will learn in this video?
1. Define a JS variable
2. Display that JS variable to the UI.
3. Checking if the JS variable changes on display when we change the value.
4. Use Reactstrap button.
5. Use Row and Col from Reactstrap for managing layout.
6. Write CSS that makes full width button.
7. Good Habit: Simple Concept of reusable.
8. Font size css.
9. Good Habit: Update to Github or version control.

This Video Series Link:    • ReactJS + ReactStrap + Bun [Newbie Series]  
Previous Video: 2. Use Reactstrap for Basic Beauty 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 0cc8fe3c704cd8223f3c1d513e76caa1bce9aeed"

Timecode:
00:00 Simple count text
00:12 Define variable and display it
00:31 Try changing variable value
00:42 Use Reactstrap simple button
00:52 Layout Management using Row
01:10 Layout Management using Col
01:30 Make Text Centered
01:50 Inline CSS to make Full Width Button
02:04 CSS Class for Reusable Purpose
02:25 CSS for adjust Font Size
02:58 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] 3. React JS Variable + ReactStrap Basic Layout UI ( Row, Col ) 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 47 Mal angesehen und es wurde von 1 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

play_arrow

15,872

128

Welding torch MV-24 KD VITA 3 meters

play_arrow

39

3

бомбим пуканы в адвансе рп/1

play_arrow

53,778

827

Прохождение Kirby.exe [Смысл, логика, а вы где?]

play_arrow

8,699

139

👩‍🎓ПОСВЯЩЕНИЕ В СТУДЕНТЫ 2022|| Синергия Vlog🫀💔

play_arrow

79

5

Uhhh.... They are learning!

play_arrow

305

9

Онлайн-смена "МЫ - ТВОЁ БУДУЩЕЕ РОССИЯ" - Финал

play_arrow

183

10

ACTING "HOOD" TO SEE HOW MY GIRLFRIEND REACTS... **HILARIOUS**

play_arrow

2,519

35

I see this all the time