Compound Components - React Design Patterns | Tab Component

Publicado el: 14 agosto 2022
en el 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!

En esta página del sitio puede ver el video en línea Compound Components - React Design Patterns | Tab Component de Duración hora minuto segunda en buena calidad , que subió el usuario Oğuz Ergül 14 agosto 2022, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 1,282 veces y le gustó 62 a los espectadores. Disfruta viendo!

994