OlympHill
React Component Convention (Grade A) logo

React Component Convention (Grade A)הפקודה-מבוססת-ביטחון תגובה-של-ממשקי-תקשורת ל-Claude AI. A.

(0)
Daniel Nikulshynנבדק על ידי Daniel Nikulshyn·עודכן יולי 2026

סקירה

מאמן זה מספק קונבנשנים לקבצי-קוד-של-React לגבי סדר-בינארי, one-component-per-file ופיצוח קבצים-בלווסט. נועד לשימוש בעת כתיבה או ביקורת של קבצי React. לפי הקונבנשיות, קבצה של קומפוננט-React צריכה לקבע סדר-קביע-מוגדר : הגדרות כונפורמטיות, הגדרות-props , הגדרות של קומפוננטים-פונקציונאלים, ו-imports . כל קבצה צריכה להכיל רק אחד קומפוננט, וקומפוננטים-קטנים, הידועים-שימוש-מחדש- , צריכים-להיות שומרים בקבצים נפרדים. כאשר קומפוננט הופכ-לה-ל-רחב יותר, היא צריכה להיפצח באמצעות-הפחתה של- logic ל- custom-hooks , פיצוח ה- UI לקומפוננטים-קטנים- יותר, או תכונה-לתן ל- functions- pure ב- scope- module

תכונות עיקריות

  • סדר קביע-מוגדר לקבצי-קוד-של-React
  • קונבנשיא- one-component-per-file
  • מתודולוגיה לפיצוח של- bloated- components

תמחור

מודל
Free
קטגוריה
מיומנויות
דירוג
אין עדיין ביקורות

מקרי שימוש

הפקת- new- React- component

בשימוש – – – – – זה המאמן- להשביע- ש- – – component- file – – – – – – – – יערך- ל- – – – – – – – – –

-הקרא existing- React- component

בשי- – – – – – זה- – – – – – – – – skill- לשביע- ו- – – component- file – – – – – – – – – –

יתרונות וחסרונות

יתרונות

  • אנסוריר מבנה- קביע – מוגדר לקבצי-קוד-של-React
  • מעודד- separation of concerns- ו- readability
  • מעכב- קומפוננטים- overly- complex

חסרונות

  • יכול- לדרוש- overhead- של- נדרש- של- – management- additonal- ל- creation
  • מקומ מחשב – ממית- – קושי- – ידרש- – – – for- very- simple- components

ביקורות

התחבר כדי להשאיר ביקורת.

עדיין אין ביקורות. היה הראשון!

שאלות ותשובות

Are there any potential drawbacks to using this convention?

Yes, it may require additional overhead to create and manage multiple small component files, and can be restrictive for very simple components.

Asked by Victor Nguyen · Nov 19, 2025

What are the pros of using this convention?

The pros include enforcing a consistent structure for React component files, promoting separation of concerns and readability, and helping prevent overly complex components.

Asked by Björn Karlsson · Nov 5, 2025

What are the key features of this convention?

The key features include structure ordering for React component files, one-component-per-file convention, and guidelines for splitting bloated components.

Asked by Sanjay Gupta · Oct 9, 2025

What is the React Component Convention?

The React Component Convention is a security-tested data-ai skill that provides guidelines for React component file conventions, covering structure ordering, one-component-per-file, and splitting bloated components.

Asked by Eva Horáková · Oct 7, 2025

שאל שאלה

חלופות למיומנויות

Manage Headers (Grade A) logo

Manage Headers (Grade A)

מיומנויות

רמת אבטחה מובחנת לטכניקת הפיתוח Claude AI. תוצרת רמת A. Inspects ומכוונת את הראשיות האבטחה שאתר Power Pages שולח לדפדפנים — צו Content Security Policy, פרוטקציה של תיבות והטמנה

(0)
Free
Using Git Worktrees (Grade A) logo

Using Git Worktrees (Grade A)

מיומנויות

Security-tested data-ai skill for Claude AI. Grade A. שימוש בעבודות Git (קצב A)

(0)
Free
Ga4 Bigquery Schema (Grade A) logo

Ga4 Bigquery Schema (Grade A)

מיומנויות

מיומנות מבודקת ביטחונית של נתונים-בינה ל-Claude AI. דרג א'. GA4 BigQuery Export Schema Reference — רפרנס מושלם של שדות, מבנים מקוננים, דפוסי שאילתות וטיפים לביצועים

(0)
Free
Meta Capi (Grade A) logo

Meta Capi (Grade A)

מיומנויות

כלי נתוני-אי זהירות לביצועי מטה, רייטינג A. קביעת מקור CAPI (CAPI) של מטה - מדריך ייעוץ, תכנון, סוגים של אירועים, פענוח מידע לקוח, תחבורת סיוע, דוגמאות, AEM.

(0)
Free
Callees (Grade A) logo

Callees (Grade A)

מיומנויות

מיומנות פיתוח בטוחה ל- Claude AI. Grade A. רשימת מה שפונקציה/שיטה קוראת (גרף קריאות ישיר)

(0)
Free
Test Module Name (Grade A) logo

Test Module Name (Grade A)

מיומנויות

מודל ניתוח אבטחתי לראשונה- AI השקל ל Claude AI. דרג A. תן לקרום תעלת-שידור- תשמע את שם המנוע המערכת כהשם- עם סי ָ Suffix spec באתמ נו Suffix ה-אחד

(0)
Free
Board Of Directors (Grade A) logo

Board Of Directors (Grade A)

מיומנויות

מיומנות בינה מלאכותית עם אבטחה נבדקת עבור Claude AI. כיתה א'. הדמיה של דיון מועצת מנהלים של 5 מומחים להחלטות גדולות.

(0)
Free
Advpl Mvc Avancado (Grade A) logo

Advpl Mvc Avancado (Grade A)

מיומנויות

כישורה בפיתוח מבוססת בדיקת אבטחה לקלוד AI. דירוג A. MVC מתקדם דרך PE (נקודות כניסה) - הוספת מatriçot customizadas במסכי MVC רגיל (CNTA300/MATA070/MATA440/MATA460/FINA040 via *STRU)

(0)
Free