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