isograph

Isograph는 데이터 기반 애플리케이션을 구축하기 위한 UI 프레임워크로, 현재 React와 GraphQL에 초점을 맞추고 있습니다. 개발 과정의 마찰을 줄이고, 프로덕션 중단을 방지하며, 강력한 기본 요소를 갖춘 성능 좋은 앱을 구현하는 것을 목표로 합니다. 주요 개념은 다음과 같습니다: - **클라이언트 필드**: 컴포넌트는 `iso` 문법을 사용해 데이터 요구사항을 정의하며, 수동 prop drilling 없이 필요한 데이터를 자동으로 받습니다. - **데이터 마스킹**: 컴포넌트는 자신이 선택한 데이터만 볼 수 있어 의도하지 않은 의존성을 방지하고 안전한 병렬 개발을 가능하게 합니다. - **엔트리포인트**: 루트 컴포넌트가 쿼리를 정의하면, 컴파일러가 필요한 모든 데이터를 가져오는 최적화된 GraphQL 쿼리를 생성합니다. - **@loadable 필드**: 비용이 큰 데이터 페칭을 별도 요청으로 지연시켜 초기 로드 성능을 개선합니다. - **@exposeField**: 다른 타입에 mutation 필드를 노출하여 자동 ID 전달로 mutation을 단순화합니다. 이 프레임워크는 컴파일러, `useLazyReference` 및 `useResult`와 같은 런타임 훅을 포함하며, 비동기 데이터를 위한 suspense를 지원합니다. MIT 라이선스의 오픈 소스이며, 데모와 커뮤니티 리소스를 이용할 수 있습니다.