[ReactJS Newbie Series] 3. React JS Variable + ReactStrap Basic Layout UI ( Row, Col )

Publicado em: 06 Junho 2024
no canal de: 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.

Nesta página do site você pode assistir ao vídeo on-line [ReactJS Newbie Series] 3. React JS Variable + ReactStrap Basic Layout UI ( Row, Col ) 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 47 vezes e gostou 1 espectadores. Boa visualização!

10,302