How To Create The YouTube Home Page With Tailwind, React, and TypeScript (Дата оригинальной публикации: )

Uploaded By: Myvideo

Published on

10 Oct 2023

3 views

0

0 votes

0

About Share Download Add to

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: Relative Time Formatter Article: Grid Video: Custom Scrollbar Video: 🌎 Find Me Here: My Blog: My Courses: Patreon: Twitter: Discord: GitHub: CodePen: ⏱️ 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

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/azJqNjBwR1FFL20rRWlEYk55UUkvOGNLNk1nbXRTUkRHUjBMNkFxNWx5bz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Mishas Guns G43 - Axis Battle Rifle

1 hour ago

00:09:37

Mishas Guns G43 - Axis Battle Rifle

1 7%

Sesame Street All About Hair with Elmo & Friends! | TWO Sesame Street Full Episodes

1 hour ago

00:51:23

Sesame Street All About Hair with Elmo & Friends! | TWO Sesame Street Full Episodes

1 27%

DELVIR ЛУЧШИЙ АФК СПОСОБ ДЛЯ ФАРМА МОНЕТ И ЗЕЛИЙ в Pets Go! | Roblox

1 hour ago

00:06:27

DELVIR ЛУЧШИЙ АФК СПОСОБ ДЛЯ ФАРМА МОНЕТ И ЗЕЛИЙ в Pets Go! | Roblox

1 13%

Palsteron PoE Kitava's Ice Nova of Frostbolts Archmage Hierophant, Full Build Guide

1 hour ago

00:36:29

Palsteron PoE Kitava's Ice Nova of Frostbolts Archmage Hierophant, Full Build Guide

1 94%

Sesame Street Happy Halloween with Elmo & Friends! | TWO Sesame Street Full Episodes

1 hour ago

00:51:27

Sesame Street Happy Halloween with Elmo & Friends! | TWO Sesame Street Full Episodes

1 90%

Bashar - How to erase negative beliefs for good

1 hour ago

00:02:03

Bashar - How to erase negative beliefs for good

1 71%

Sesame Street Playtime with Elmo and Abby! | TWO Sesame Street Full Episodes

1 hour ago

00:50:08

Sesame Street Playtime with Elmo and Abby! | TWO Sesame Street Full Episodes

1 38%

CRSTNBENCH Intel Core i5-10210U UHD Graphics 620 23 GAMES TESTED IN 10/2022 (8GB RAM)

1 hour ago

00:31:47

CRSTNBENCH Intel Core i5-10210U UHD Graphics 620 23 GAMES TESTED IN 10/2022 (8GB RAM)

1 79%

Tommy Johansson - Legs (ZZ Top Cover) (2024)

1 hour ago

00:04:28

Tommy Johansson - Legs (ZZ Top Cover) (2024)

20 17%

UNCENSORED NEW AI Tool! CREATE NSFW Images NOW!

1 hour ago

00:16:48

UNCENSORED NEW AI Tool! CREATE NSFW Images NOW!

1 95%

Как убивать монстров (How To Kill Monsters), 2023. Трейлер

2 hours ago

00:01:31

Как убивать монстров (How To Kill Monsters), 2023. Трейлер

3 53%

Corridor Crew VFX Artists React to Bad & Great CGi 156

2 hours ago

00:19:35

Corridor Crew VFX Artists React to Bad & Great CGi 156

3 53%

Dont Use Spirituality as a Nullification Tool

2 hours ago

00:13:40

Dont Use Spirituality as a Nullification Tool

2 95%

Clip by @pravdaencom

2 hours ago

00:00:37

Clip by @pravdaencom

1 20%

CASH APP 300 DOLLARS HOW TO CLAIM PHONEPE GIFT CARD

2 hours ago

00:02:04

CASH APP 300 DOLLARS HOW TO CLAIM PHONEPE GIFT CARD

1 83%

Эхолот для кораблика FF777. Обзор новинки. Прикормочный кораблик. CorveD SpeeD v5.

2 hours ago

00:05:31

Эхолот для кораблика FF777. Обзор новинки. Прикормочный кораблик. CorveD SpeeD v5.

24 92%

nadiiastory VLOG: день в универе (King's College London), будни студентки Лондона, вечеринка с друзьями

3 hours ago

00:16:21

nadiiastory VLOG: день в универе (King's College London), будни студентки Лондона, вечеринка с друзьями

6 93%

Direct Gaming FASTEST XP Farming, Pro tips & Battle pass Secrets | The Finals

3 hours ago

00:23:37

Direct Gaming FASTEST XP Farming, Pro tips & Battle pass Secrets | The Finals

3 19%

Sin Slayers: Reign of The 8th - Official Announce Trailer 2024

4 hours ago

00:00:41

Sin Slayers: Reign of The 8th - Official Announce Trailer 2024

5 77%

КАКОЙ МЕМ САМЫЙ ЛУЧШИЙ! БИТВА МЕМОВ в Roblox

4 hours ago

00:13:18

КАКОЙ МЕМ САМЫЙ ЛУЧШИЙ! БИТВА МЕМОВ в Roblox

7 7%

Liberal TikToker threatens to make Trumps life a living hell.

4 hours ago

00:01:16

Liberal TikToker threatens to make Trumps life a living hell.

1 45%

Nihad x Aliyev Official Channel How To idk Sonic The Amy Mom and Dad Shadow Amy x Shadow

4 hours ago

00:01:02

Nihad x Aliyev Official Channel How To idk Sonic The Amy Mom and Dad Shadow Amy x Shadow

1 80%

Как убивать монстров - How to Kill Monsters (2024)

4 hours ago

00:01:48

Как убивать монстров - How to Kill Monsters (2024)

4.3K 71%

Waxweazle Birthday Party (9 November 1996)

4 hours ago

01:30:26

Waxweazle Birthday Party (9 November 1996)

255 19%

0 Comments

Guest