How to Make a React Website Using Styled Components - Beginner Tutorial Webull Stock Website Design
4万 次观看 · 2021-03-27
UI 设计
If you want to get 2 FREE Stocks valued up to $1850, you can here https://bit.ly/webull-join
Learn how to make a react website using styled components in this beginner friendly tutorial. We will build the Webull stock website for the design. We will make the hero section and navbar. Feel free to refactor the code and send me your updates!
Source Code:
https://www.codavilla.com/posts/how-to-make-a-react-website-using-styled-components-beginner-tutorial-webull-stock-website-design
Timeline
0:00 What we are building
1:12 Creating React App
3:40 Creating Project Files
6:04 Editing Hero Section
17:38 Editing Navbar
22:18 Installing React Router Dom
30:30 Creating Global Styles
32:35 Installing React Icons
Check out this awesome tech gear
Macbook M1: https://amzn.to/3nBvfkM
Wireless Keyboard: https://amzn.to/2Wxf5g1
Wireless Mouse: https://amzn.to/3r6VRfj
Wireless Earphones: https://amzn.to/3gZlLgt
If you want to follow me along my coding journey, be sure to subscribe :)
https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A?sub_confirmation=1
Check out my other React Website Videos
Make a React Real Estate Website
https://youtu.be/sKs9FiAHSN4
Make a React Website Using Tailwind CSS
https://youtu.be/gOQ31Kc8H5E
Make a Website using Gatsby & Graph QL
https://youtu.be/smHhNzM5Uo4
Some links in the description are affiliate links, which means that if you use them I will receive a small commission.
Learn how to make a react website using styled components in this beginner friendly tutorial. We will build the Webull stock website for the design. We will make the hero section and navbar. Feel free to refactor the code and send me your updates!
Source Code:
https://www.codavilla.com/posts/how-to-make-a-react-website-using-styled-components-beginner-tutorial-webull-stock-website-design
Timeline
0:00 What we are building
1:12 Creating React App
3:40 Creating Project Files
6:04 Editing Hero Section
17:38 Editing Navbar
22:18 Installing React Router Dom
30:30 Creating Global Styles
32:35 Installing React Icons
Check out this awesome tech gear
Macbook M1: https://amzn.to/3nBvfkM
Wireless Keyboard: https://amzn.to/2Wxf5g1
Wireless Mouse: https://amzn.to/3r6VRfj
Wireless Earphones: https://amzn.to/3gZlLgt
If you want to follow me along my coding journey, be sure to subscribe :)
https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A?sub_confirmation=1
Check out my other React Website Videos
Make a React Real Estate Website
https://youtu.be/sKs9FiAHSN4
Make a React Website Using Tailwind CSS
https://youtu.be/gOQ31Kc8H5E
Make a Website using Gatsby & Graph QL
https://youtu.be/smHhNzM5Uo4
Some links in the description are affiliate links, which means that if you use them I will receive a small commission.