Toolverse
All skills

server-components

by davepoon

This skill should be used when the user asks about \

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
davepoon
Category
Frontend
Views
1

About this skill

This skill should be used when the user asks about \

How to use

  1. Zainstaluj skill w swoim środowisku Claude/Copilot, wskazując repozytorium davepoon/buildwithclaude.

  2. Aktywuj skill, gdy pytasz o Server Components, Client Components, dyrektywę 'use client', wzorce RSC lub architekturę komponentów w Next.js.

  3. Opisz swój problem — na przykład: "Kiedy powinienem użyć Server Component zamiast Client Component?" lub "Jak bezpośrednio pobrać dane z bazy w komponencie?"

  4. Skill wyjaśni różnice: Server Components działają tylko na serwerze, mają dostęp do bazy i zmiennych środowiskowych, zmniejszają rozmiar bundla. Client Components wymagają dyrektywy 'use client' i obsługują stan (useState), efekty (useEffect) oraz API przeglądarki.

  5. Skorzystaj z mentalnego modelu granic komponentów — Server Component może zawierać Client Component, ale Client Component nie może zawierać Server Component jako bezpośrednie dziecko.

  6. Stosuj wskazówki do swojego projektu Next.js App Router, gdzie domyślnie wszystkie komponenty są Server Components, chyba że dodasz dyrektywę 'use client'.

Related skills