Compound Components - React Design Patterns | Tab Component
Bu videoda, React Compound Component Design Pattern kullanarak bir Tab Componenti oluşturuyorum.
Compound Componentler, Frontend mimarileri oluştururken yaşanan kod karmaşıklığını azaltır. Bunun yanında stateleri alt bileşenler arasında esnek ve doğru bir şekilde paylaşmamıza da olanak tanır.
Videoyu izleyerek bunu nasıl yaptığımızı hemen öğrenebilir ve daha sağlam bileşenler oluşturabilirsiniz.
--
In this tutorial, I am creating a Tab Component using React Compound Component Design Pattern.
Compound Components reduce the code complexity experienced when creating front-end architectures. In addition, it also allows us to flexibly and accurately share states between child components. By watching the video, you can immediately learn how we do this and create more robust components.
--
Timeline:
00:00 - Intro and Quick Overview
00:22 - Subscribe to Channel!
00:30 - What is Compound Component?
04:05 - Overview of Tab Component Schema
06:50 - Project Setup (Next.js. + Tailwind CSS )
08:02 - Context API - State Provider
10:50 - Creation of Tab Component Elements
16:05 - Using Tab Component on page
17:49 - Make Tab Dynamic
22:40 - Keyboard Accessibility
29:04 - Pros of Compound Component Pattern
30:02 - Thanks for watching!
SUBSCRIBE TO THE CHANNEL!
On this page of the site you can watch the video online Compound Components - React Design Patterns | Tab Component with a duration of hours minute second in good quality, which was uploaded by the user Oğuz Ergül 14 August 2022, share the link with friends and acquaintances, this video has already been watched 1,282 times on youtube and it was liked by 62 viewers. Enjoy your viewing!
