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
Смотрите видео Build A React Website With Tailwind CSS - Learn React & Tailwind CSS Basics онлайн без регистрации, длительностью 01 часов 17 минут 48 секунд в хорошем hd качестве. Это видео добавил пользователь Code Commerce 22 Март 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 22 тысяч раз и оно понравилось 72 людям.