[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: • ReactJS + ReactStrap + Bun [Newbie Series]
Previous Video: 1. Setup + Run Web Server
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 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.