docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
# [[React Component Library Architecture]]
|
||||
# [[React Component Library Architecture|React Component Library Architecture]]
|
||||
|
||||
## 📌 Brief Summary
|
||||
React 컴포넌트 라이브러리 아키텍처는 확장 가능하고 유지보수가 용이한 프론트엔드 환경을 구축하기 위해 재사용 가능한 UI 컴포넌트를 설계하고 조직화하는 구조적 접근 방식입니다 [1, 2]. 이 아키텍처는 단일 책임 원칙과 합성을 강조하며, Prop의 과도한 사용으로 인한 결합도 증가를 피하고 유연성을 높이는 것을 목표로 합니다 [3-6]. 아토믹 디자인(Atomic Design), 컴파운드 컴포넌트(Compound Components), 헤드리스(Headless) UI 등 다양한 고급 디자인 패턴과 디자인 토큰을 결합하여 다양한 플랫폼 및 테마 요구사항에 대응할 수 있는 일관된 시스템을 제공합니다 [7-10].
|
||||
@@ -22,8 +22,8 @@ React 컴포넌트 라이브러리 아키텍처는 확장 가능하고 유지보
|
||||
* **접근성(A11y) 내장:** 재사용 가능한 컴포넌트 아키텍처는 키보드 탐색, 올바른 ARIA 속성 및 역할 부여, 포커스 관리 등 화면 판독기 지원을 기본적으로 내장해야 합니다 [6, 32-34].
|
||||
|
||||
## 🔗 Knowledge Connections
|
||||
- **Related Topics:** [[Atomic Design]], [[Compound Components]], [[Headless UI]], [[Design Tokens]], [[Tailwind CSS]], [[Styled Components]], [[Monorepo]], [[Feature-Sliced Design]]
|
||||
- **Projects/Contexts:** [[Radix UI]], [[Shopify Polaris]], [[Uber Base Web]], [[Next.js App Router]]
|
||||
- **Related Topics:** [[Atomic Design|Atomic Design]], [[Compound Components|Compound Components]], [[Headless UI|Headless UI]], [[Design Tokens|Design Tokens]], [[Tailwind CSS|Tailwind CSS]], [[Styled Components|Styled Components]], [[Monorepo|Monorepo]], [[Feature-Sliced Design|Feature-Sliced Design]]
|
||||
- **Projects/Contexts:** [[Radix UI|Radix UI]], [[Shopify Polaris|Shopify Polaris]], [[Uber Base Web|Uber Base Web]], [[Next.js App Router|Next.js App Router]]
|
||||
- **Contradictions/Notes:** 컴파운드 컴포넌트 패턴은 높은 구성 자유도를 제공하지만 과도한 추상화를 유발할 수 있습니다. 레이아웃이 고정되어 있거나 구조가 단순한 컴포넌트(예: 버튼, 아이콘, 배지 등)에는 컴파운드 패턴을 피하고 단순한 Prop 기반 컴포넌트를 사용하는 것이 더 안전하고 유지보수에 유리합니다 [35, 36].
|
||||
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user