GN⁺: docview - TypeScript/React/Vue 창 레이아웃 관리자 (탭, 플로팅, 팝아웃)
(github.com/mathuo)- 탭, 그룹, 그리드 및 분할 뷰를 지원하는 의존성 없는 레이아웃 관리자
- React, Vue, Vanilla TypeScript를 지원함
- 전체 레이아웃 관리가 가능한 직렬화/역직렬화 기능 제공
- 분할 뷰, 그리드 뷰 및 '도킹 가능한' 뷰 지원
- 테마 설정 및 사용자 정의 가능
- 탭 및 그룹 도킹 / 드래그 앤 드롭 기능
- 팝아웃 윈도우 지원
- 플로팅 그룹 기능
- 광범위한 API 제공
- Shadow DOM 지원
- 높은 테스트 커버리지
- 실시간 예제가 포함된 문서화된 웹사이트 제공
- 투명한 빌드 및 코드 분석
- GitHub Actions를 통한 검증된 게시 및 빌드로 보안 강화
Hacker News 의견
- TS의 첫인상이 매우 좋으며, AI 앱을 구축하기 위해 이러한 기본 도구가 더 많이 필요할 것이라는 의견이 있음
- 컴포넌트의 mount/unmount가 display:none보다 비용이 더 많이 들 수 있다는 기술적 고민이 있음
- 패널의 선언적 구조에 대해 Vite 플러그인을 통해 TS 레이아웃을 내보내는 계획이 있는지 궁금해함
- 개인 프로젝트에서 비슷한 작업을 하고 있었는데, 이를 발견하게 되어 기쁨
- Dockview가 뛰어난 프로젝트이며, 여러 라이브러리를 테스트한 결과 상위에 속한다고 평가함
- FlexLayout을 선택한 이유는 사전 정의된 크기 지원 부족 때문이었으나, 이후 개선되었음
- 다음 프로젝트에서 Dockview를 사용할 계획임
- SolidJS 지원이 추가되면 좋겠다는 의견이 있으며, React와 Solid 간의 선호도가 없다고 함
- 데모에 비디오, 드롭다운, 대량의 텍스트 등을 포함하여 처리 방법을 보여주면 좋겠다는 의견이 있음
- 창 크롬 없이 패널만 있는 버전이 있는지 궁금해함
- Golden Layout과의 비교 및 영감을 받았는지에 대한 질문이 있음
- 과거에 Golden Layout을 즐겼으나 지원이 중단되어 아쉬움을 표현함
- Rust로 작성된 타일링 윈도우 매니저를 유지보수하고 있으며, JS/TS로 작업하는 인내심에 경의를 표함
- HTML 외의 일반 데스크톱 컨트롤을 위한 zero-dep 바닐라 라이브러리에 대한 정보가 있는지 궁금해함
- Mosaic을 재구축할 때가 되었다고 언급함
- iPad에서 데모가 작동하지 않아 모바일 지원이 완전하지 않다고 추측하며, 개인 대시보드와 llama.cpp 채팅 정리에 사용하고 싶다고 함