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