Build A React Website With Tailwind CSS - Learn React & Tailwind CSS Basics
As I am learning Tailwind I wanted to rebuild a previous React JS website from custom CSS to Tailwind CSS. Hope you guys enjoy it. I apologize - my microphone messed towards the end of the video. I just ordered a new Shure mic to step up the quality here! Thanks for watching.
Highlights
️ Install & Configure Tailwind CSS
️ Base Styling with Tailwind (Global Styling)
️ Use the useState hook to toggle mobile nav bar.
️ Pass down properties properties to reusable functional components
ZeroTo Mastery:
- Master React JS Course -
- Complete Web Developer in 2023 -
Coding Challenges!
Timeline
0:00 - Intro
01:50 Install Tailwind CSS
04:07 Create Navbar Component
10:28 Base/Global Tailwind Styles
31:30 Create Hero Video Component
42:20 Create About Component
56:00 Reuse Functional Component (AboutCard)
56:15 Pass Properties Down To a Functional Component
01:03:00 Create Developer Component
01:08:45 Create Subscribe Component
01:12:21 Create Footer Component
Download the code:
Build the Original Project
My Coding Equipment
Logitech MX Wireless Keyboard -
Logitech MX Master 2S Wireless Mouse -
SAMSUNG 49-Inch Gaming Monitor -
Shure MV7 USB Podcast Microphone -
Mic Boom Arm -
Monitor Desk Light Bar -
Buy me a Coffee
Instagram
Watch video Build A React Website With Tailwind CSS - Learn React & Tailwind CSS Basics online without registration, duration 01 hours 17 minute 48 second in high hd quality. This video was added by user Code Commerce 22 March 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 22 thousand once and liked it 72 people.