[ReactJS Newbie Series] 2. Use Reactstrap for Basic Beauty UI

What you will learn in this video?
1. Install reactstrap & dependencies using Bun instead of NPM.
2. Test & using very basic reacstrap component just for testing like: Input, Label, and Container.
3. Use Card, CardBody reactstrap component for simple beautiful UI.
4. How to use inline CSS for styling in React Component.
5. How to use CSS class for styling in React Component.
6. Good practice: Update progress to github. Use "git status", "git add .", "git commit". Take this as introduction to github / version control.
7. Take a look at reactstrap documentation so it will be easy for you to use this beautiful UI.

This Video Series Link: https://www.youtube.com/playlist?list=PLQq25VykDHnuFU730yhwcWJTVRcjy7ox8
Previous Video: 1. Setup + Run Web Server

Links:
Reactstrap Documentation: https://reactstrap.github.io/?path=/story/home-installation--page

Github link: https://github.com/AkiraToya/basicbunreactstrap
This Github commit link: https://github.com/AkiraToya/basicbunreactstrap/tree/f618cab35cee82cfc1a713e8f341f2947c2c730f
To clone:
1. Go to terminal and go to the project folder you want.
2. Type "git clone https://github.com/AkiraToya/basicbunreactstrap.git ." ( dot means current folder )
3. Type "git checkout f618cab35cee82cfc1a713e8f341f2947c2c730f"

Timecode:
00:00 Install Reactstrap & Dependencies
00:39 Remove base React App UI
00:56 Make sure Reactstrap is working
01:33 Use Card to Make Simple UI
01:49 Inline CSS for additional Styling
02:14 Use CSS Class for Component Styling
03:01 Update Progress to Github
03:22 Checkout Reactstrap Documentation

Thanks for watching. Hope this video series helps you learn faster.

Видео [ReactJS Newbie Series] 2. Use Reactstrap for Basic Beauty UI канала Masteryst