GN⁺: Puck - React를 위한 오픈소스 Drag & Drop 편집기
(github.com/measuredco)- 기존 React 컴포넌트 라이브러리의 시각적 편집을 위한 드래그 앤 드롭 기능 제공
- 셀프호스팅 하거나 자신의 기존 어플리케이션에 연동가능
- 사용자가 직접 콘텐츠를 로드할 수 있게 서드파티 헤드리스 CMS와의 통합을 지원(Strapi.js)
- 인라인 편집 지원
- npm을 통해 설치하거나 레시피를 사용하여 Puck 애플리케이션을 생성하여 설치
- 플러그인으로 기능 확장 : 플러그인 API는 React 패러다임을 따르며, Puck에 전달된 각 플러그인이
renderRoot,renderRootFields,renderFields세 가지 함수를 제공하면 됨
Hacker News 의견
- Puck, 직관적인 디자인과 유연성에 대한 긍정적인 피드백을 받는 React용 오픈 소스 비주얼 에디터
- MIT 라이선스를 가진 Puck, 개발자들에게 강력한 도구로서의 역할
- Vue를 위한 유사한 도구에 대한 요구, 다양한 프레임워크에서 이러한 도구의 필요성을 강조
- Puck은 현재 수직으로 쌓인 레이아웃을 지원하지만, 컬럼 레이아웃에서 반응형 컴포넌트를 처리하는 능력에 대한 우려 존재
- Puck이 클라이언트 또는 서버에서 페이지를 렌더링하는지에 대한 의문, 그것이 Puck의 활용을 제한할 수 있음
- 사용자들은 JSON 또는 XML과 같은 데이터 형식으로 페이지 레이아웃을 커스터마이징하는 기능을 평가
- readme에 스크린샷을 추가하여 드래그 앤 드롭 컴포넌트를 더 잘 이해하게 하는 등의 개선 제안 존재
- 사용자들은 커스텀 컴포넌트를 추가하고 Puck을 사용하기 시작하는 것이 쉽다고 느낌
- Puck이 코드 내 컴포넌트 props와 동기화된 저장 데이터 props/값을 어떻게 유지하는지에 대한 의문 존재
- 일부 사용자들은 Retool과 유사한 백엔드 계층이 있는 Puck과 같은 도구를 가지고 싶어함
- API 호출을 위한 WYSIWYG 기능과 응답을 컴포넌트에 매핑하는 제안 존재
- 일부 사용자들은 Puck을 웹사이트 빌더로 전환한 Framer와 비교하며, Puck이 어떻게 차별화될 것인지 묻는다
- 미래의 검색 가능성을 위해 HN 게시물 제목에 프로젝트 이름 "Puck"을 포함하는 것이 좋다는 소소한 제안 존재