React Component Convention (Grade A)Grade A Claude AI에 대한 보안 검증받은 데이터-인공지능 스킬. Grade A. React 컴포넌트 파일 구조, 여러 개의 컴포넌트가 한 파일에 있는 것을 피하고, 거대한 컴포넌트를 나누는 방법에 대한 규칙을 커버하는 규약.

— (0)

리뷰어 Daniel Nikulshyn·업데이트됨 2026년 7월

개요

이 기술은 React 컴포넌트 파일의 구조 순서, 하나의 파일 당 하나의 컴포넌트 및 대용량 컴포넌트의 분할을 다루는 규칙을 제공합니다. 작성 중이거나 리뷰 중인 React 컴포넌트에 사용됩니다. 이 규칙은 React 컴포넌트 파일이 특정 구조 순서로 구성되어야 함을 요구합니다: 디자인 정의, 프로퍼티 정의, 함수 컴포넌트 정의 및 임포트. 각 파일은 하나의 컴포넌트만 포함해야 하며 작은, 재사용 가능한 컴포넌트는 별도의 파일에置きます. 컴포넌트가 너무 커지면 기능을 사용자 정의 훅으로 추출하거나 UI를 작은 컴포넌트로 분할하거나 모듈 범위에서 순수 함수로 계산을 이동하는 것으로 분할할 수 있습니다.

주요 기능

React 컴포넌트 파일의 구조순서에 대한 규약
한 컴포넌트당 한 파일 규약
거대한 컴포넌트를 나누는 방법에 대한 지침

가격

모델: Free
카테고리: 기술
평점: 아직 리뷰 없음

사용 사례

새로운 React 컴포넌트를 생성하는 것

이 스킬을 사용하여 컴포넌트 파일이 권장 구조와 규약을 따르는지 확인한다.

존재하는 React 컴포넌트를 검토하는 것

이 스킬을 사용하여 컴포넌트 파일이 규약에 부합하고 개선이 필요한지 확인한다.

장단점

장점

React 컴포넌트 파일의 구조적인 일관성을 강요한다.
관심분리의 분리와 읽기성을 제고한다.
적지못한 복잡한 컴포넌트를 방지한다.

단점

여러 개의 작은 파일을 생성하고 관리하려면 추가적인 비용이 들 수 있다.
진짜 단순한 컴포넌트에 대한 제한이 될수있다.

리뷰

리뷰를 작성하려면 로그인하세요.

아직 리뷰가 없습니다. 첫 번째가 되어보세요!

Q&A

이 컨벤션 사용의 단점은 무엇입니까?

이 컨벤션은 다단계 구성 요소를 만드는 것과 관리하는 것에 추가적인 오버헤드를 요구할 수 있으며, 매우 단순한 구성 요소에 대해 통제적이 될 수 있습니다.

Asked by Victor Nguyen · Nov 19, 2025

이 컨벤션 사용의 이점은 무엇입니까?

이 컨벤션은 React 구성 요소 파일의 일관한 구조를 강제하고, 관심을 분리하고 읽기 용이로 만듭니다. 또한 다단계 구성 요소를 방지하여 복잡성 감소를 돕습니다.

Asked by Björn Karlsson · Nov 5, 2025

이 컨벤션의 주요 특징은 무엇입니까?

React 구성 요소 파일의 구조 정렬, 한 구성 요소당 한 파일 컨벤션, 분산 된 복잡한 구성 요소를 방지하기 위한 지침입니다.

Asked by Sanjay Gupta · Oct 9, 2025

React Component Convention이란 React 구성 요소 파일 규칙을 제공하는 보안 테스트 된 데이터 AI 스킬입니다.

React Component Convention은 React 구성 요소 파일 규칙, 구조 순서, 한 구성 요소 당 한 파일, 거대한 구성 요소를 나누는 것을 covering합니다.

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

질문하기

기술 대안

Manage Headers (Grade A)기술

조상인입다 종는이 UC131우 조집다 (Grade A). UCE8C의 조인는종는 조진다 UC2DD의종늄시 주세을 조진 좋인메를는 조인는 좋상종호는

Using Git Worktrees (Grade A)기술

Grade A 방탄 데이터·AI 스킬. Claude AI에 안전하게 도입하세요. - Grade A. 특징별 기능 개발을 시작할 때 현재 워크스페이스에서 분리되어야 하는 경우 또는 구현 계획을 수행하기 전에 사용하세요. - 분리된 Git 워크 트리 생성

Ga4 Bigquery Schema (Grade A)기술

Claude AI에서 보안 테스트済 데이터-AI 기술으로 등급 A. GA4 BigQuery Export Schema Reference — 전부 필드 참조, 중첩 구조, 쿼리 패턴 및 성능 팁

Meta Capi (Grade A)기술

보안 테스트 된 데이터- AI 기술로 클라우드 AI의 등급을 받았다. 등급 A. 메타 전환 API(CAPI) 설정 참조 - 아키텍처, 이벤트 유형, 고객 정보 해싱, 중복 제거, 구현 예시, AEM

Callees (Grade A)기술

Claude AI

Test Module Name (Grade A)기술

클라우드 AI를 위한 보안 테스트가 완료된 데이터-AI 스킬. A 등급. module under test의 이름으로 테스트 모듈을 이름짓고 Spec Suffix를 동일한 네임스페이스에 붙이세요. Haskell 테스트 모듈을 작성하거나 검토할 때 사용

Board Of Directors (Grade A)기술

Claude AI

Advpl Mvc Avancado (Grade A)기술

Claude AI