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

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: https://youtu.be/9zBsdzdE4sM Custom Scrollbar Video: https://youtu.be/v_8CmC6cwUs

🌎 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 ... https://www.youtube.com/watch?v=ymGB1lqP1CM