Duration 1:49:8

How To Create The YouTube Home Page With Tailwind, React, and TypeScript

47 360 watched
0
1.5 K
Published 10 Oct 2023

The YouTube home page may seem simple at first (that is what I thought), but there are so many small complex interactions that actually make building out this home page design quite complicated. In this video I will show you exactly how to build out the entire YouTube home page from scratch with TailwindCSS, React, and TypeScript. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/youtube-react-ts-tailwind-home-page Relative Time Formatter Article: https://blog.webdevsimplified.com/2020-07/relative-time-format Grid Video: /watch/Ms4EdzdsBz9sE Custom Scrollbar Video: /watch/sUwc6CmC8_vCc 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 01:00:00 - Introduction 01:01:30 - Setup 01:02:37 - Planning 01:04:18 - Page Header 01:32:15 - Categories Header 01:54:00 - Main Video Grid 01:10:45 - Sidebar #TailwindCSS #WDS #ReactJS

Category

Show more

Comments - 104