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

Publicado el: 06 junio 2024
en el 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.

En esta página del sitio puede ver el video en línea [ReactJS Newbie Series] 3. React JS Variable + ReactStrap Basic Layout UI ( Row, Col ) de Duración hora minuto segunda en buena calidad , que subió el usuario Masteryst 06 junio 2024, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 47 veces y le gustó 1 a los espectadores. Disfruta viendo!

1,283