How To Create The YouTube Home Page With Tailwind, React, and TypeScript
Web Dev Simplified
@webdevsimplifiedAbout
Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Web Dev Simplified also deep dives into advanced topics using the latest best practices for you seasoned web developers. I started Web Dev Simplified in order to share my passion for web development, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2015 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning everything there is to know about web development. Over the years I have taught many colleagues and friends the joys of web development, and cannot wait to teach you. Thank you for watching!
Latest Posts
Video Description
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
You May Also Like
Craft Must-Haves
AI-recommended products based on this video
HERSHEY'S 50ct Egg Hunt Variety Pack 389g, Chocolate Easter Eggs, Easter Basket Stuffers
KINDER MIX Valentine's Variety Pack with Plush Toy and 7 Additional KINDER Valentine’s Chocolate Treats, 98g
15 Medicinal & Tea Herb Seeds Variety Pack for Planting Indoor & Outdoors. 3600+ Non-GMO Heirloom Herbal Garden Seeds: Anise, Borage, Cilantro, Chamomile, Dandelion, Rosemary, Peppermint Seeds & More
GoGo squeeZ Fruit Sauce Variety Pack, Apple, Strawberry, Peach, Banana, No Sugar Added. 90g per pouch, Pack of 20
3PCS Dog Grooming Scissors kit Thinning Shears Scissors Curved Scissor Comb Stainless Steel Pet Cat Dog Grooming for Dogs Cats Pets Professional Straight Scissor Comb
Koolmox Koolmox Canvas Grocery Bag, 6-Pack 22'' Large Bags with Reinforced Handles, 12 Oz Heavy Duty Reusable Washable Grocery Shopping Bags Plain Bags for Teacher Paint Embroidery Draw DIY Art Craft Totes
Hbnlai 5300 Pcs Clay Beads Bracelet Making Kit, Flat Preppy Beads for Friendship Jewelry Making, Polymer Heishi with Charms Gifts for Teen Girls Crafts for Girls Ages 8-12
Handmade Natural Citrine Gemstone Micro Beads Dainty Bracelet Jewelry for Women, Birthstone Energy Healing Crystals, 14k Gold Plated Chain 8 inch
LEGO Icons Williams Racing FW14B & Nigel Mansell F1 Model Car Kit - Building Set for Adults, Ages 18+ - F1 DIY Craft for Display - Gift Idea for Fans of F1-10353
LEGO Icons Leonardo da Vinci's Flying Machine DIY Kit - Ornithopter Building Set for Adults, Ages 18+ - Craft for Home or Office Decor with Display Stand - Gift Idea - 10363
DIY Wall Collage Kit for Teen & Tween Girls - Perfect Craft Gift Ideas for 10, 11, 12,13, 14, 15 Year Old Girl - Trendy Birthday Gifts and Stuff for Teenage Bedroom - Fun Teens Crafts Kits Age 8+
