Compound Components - React Design Patterns | Tab Component

Publicado em: 14 Agosto 2022
no canal de: Oğuz Ergül

1,282

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!

Nesta página do site você pode assistir ao vídeo on-line Compound Components - React Design Patterns | Tab Component duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Oğuz Ergül 14 Agosto 2022, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 1,282 vezes e gostou 62 espectadores. Boa visualização!

994