tag: React · 7건
- 근거: Claude 공식 데스크탑 UI를 역분석해 TypeScript/React로 재현한 프로젝트로, 프론트엔드 UI 컴포넌트·인터랙션 물리 알고리즘 구현 패턴 학습에 해당
- 액션: git clone https://github.com/Caho1/open-claude-ui 후 src/ 디렉터리 탐색, 3000줄 역분석 매뉴얼(docs/)에서 React 컴포넌트 설계 패턴 및 물리 인터랙션 구현 방식 확인
- 근거: React/DOM 환경용 인터랙티브 UI 컴포넌트 라이브러리로 프론트엔드 관심 분야에 해당
- 액션: git clone https://github.com/lucasmarkes/hairline 후 apps 디렉토리의 데모 실행해서 포인터 반응 아이소메트릭 피규어 동작 확인
- 근거: React용 AI 상태 표시 애니메이션 컴포넌트 라이브러리로, 프론트엔드 UI 컴포넌트/AI 시각화 관심 분야에 해당
- 액션: Product Hunt 페이지에서 GitHub 저장소 링크 확인 후 클론해 React 프로젝트에 AI 로딩 상태 인디케이터로 적용 테스트
- 근거: React 기반 그리드 레이아웃 라이브러리 확장 기법을 다루는 프론트엔드 기술 아티클 — UI 컴포넌트/드래그앤드롭 영역에 해당
- 액션: react-grid-layout의 크로스 인스턴스 DnD 제약을 확인하고, dnd-kit 대안과 비교 메모 작성
- 근거: 프론트엔드/UI 컴포넌트·디자인 시스템 분야 — React 기반 오픈소스 디자인 시스템 v2.0 릴리즈
- 액션: https://github.com/once-ui-system/core 클론 후 Next.js 프로젝트에 설치해 컴포넌트 구성 및 AI 에이전트 연동 예시 확인
- 근거: React 기반 생성형 AI UI 컴포넌트 라이브러리로 프론트엔드/AI 관심 분야에 해당
- 액션: git clone https://github.com/kasturikhanke/generative-loaders 후 examples 폴더 확인 및 스트리밍 텍스트 로더 컴포넌트 로컬 실행 테스트
- 근거: Tauri v2 + React 19 기반 데스크탑 GUI 프로젝트로 프론트엔드/개발자 도구 영역에 해당하나, 검열 우회 터널용 클라이언트라 직접 도입 대상은 아님
- 액션: 저장소 클론 후 Tauri v2 + React 19 프로젝트 구조 및 src-tauri 설정 파일 살펴보기