React Server Components (RSC) və Müştəri Sərhədləri

React Server Components (RSC) frontend dünyasında son 10 ilin ən böyük paradiqma dəyişikliyidir. Lakin bir çox mühəndis hələ də hər faylın başına avtomatik olaraq '"use client"' yazmağa davam edir və RSC-nin bütün üstünlüklərini heçə endirir. RSC-nin əsl gücü haradadır? 📌 1. 'Zero Bundle Size' Konsepsiyası Əgər sizin komponentiniz sadəcə məlumatı oxuyub ekranda göstərirsə (məsələn, bizim bloqun 'PostCard' və ya 'PostList' komponentləri kimi), onun brauzerə 1 bayt belə JavaScript göndərməsinə ehtiyac yoxdur! Komponent serverdə işləyir, HTML və JSON strukturunu hazırlayır və müştəriyə yalnız hazır nəticə çatır. Bu, zəif mobil internetlərdə səhifənin dərhal açılmasını təmin edir. 📌 2. Sərhədlərin Düzgün Ayrılması (Leaf Components) Əsas qayda: '"use client"' direktivini həmişə ağacın ən ucundakı kiçik yarpaqlara (leaves) yerləşdirin! Məsələn: - Bütün məqalə kartını 'client' etmək səhvdir. - Kartın özü Server Component olaraq qalır, yalnız daxilindəki kliklənən 'LikeButton' xüsusi Client Component kimi ayrılır. 📌 3. Birbaşa Bazaya Çıxış Server komponentləri daxilində 'prisma.post.findMany()' kimi birbaşa verilənlər bazası sorğuları yazmaq mümkündür. Nə API endpointinə ehtiyac var, nə də məlumat ötürülməsi zamanı təhlükəsizlik qayğılarına.