Client Component
مكوّن العميل
GLS-000014
Intermediatereact1 min read
'use client'client-side componentuse client
Definition
React component marked with 'use client' that runs in the browser and enables interactivity.
مكوّن React مُعلَّم بـ 'use client' يعمل في المتصفح ويتيح التفاعلية.
Full Definition
Client Components are React components marked with the 'use client' directive at the top of their file. They run in the browser, can use hooks, handle events, and access browser APIs. In Next.js App Router, client components are needed for any interactive UI.
مكونات العميل هي مكونات React مُعلَّمة بـ 'use client'. تعمل في المتصفح، يمكنها استخدام الخطافات ومعالجة الأحداث والوصول إلى واجهات برمجة المتصفح.
Knowledge Graph
AI Builder Tips
No documented mistakes for Client Component yet. Check related AI rules for usage guidelines.
Sign in to unlock guided AI explanations from AI Teacher.
Generate a Prompt
Copy this prompt and use it directly with any AI model — no setup needed.
Ready-to-Use Prompt
Help me build a project using Client Component. Explain: 1. What is Client Component and why it matters 2. The core architecture and required tools 3. Step-by-step implementation plan 4. Common mistakes to avoid 5. Best practices and production tips
Official Resources
No official documentation link on file for Client Component yet.