GraphQL Fragments 및 사용 이점

이 짧은 읽기에서는 GraphQL 조각의 개념을 분석하려고 합니다. GraphQL의 프래그먼트는 무엇이며 이를 사용하여 얻을 수 있는 이점은 무엇입니까?

GraphQL 조각

GraphQL에서는 여러 쿼리에서 동일한 필드를 쿼리해야 하는 경우가 있습니다. 이렇게 하려면 이러한 필드를 다시 정의해야 하므로 작지만 매우 성가신 오류가 발생할 수 있습니다.









데이비드 월시 🦊


@davidwalshblog






내 인생의 2시간 안녕...


오후 14:49 - 2019년 4월 17일





601

3155



이것이 GraphQL에 프래그먼트라는 재사용 가능한 단위가 포함된 이유입니다. 프래그먼트를 사용하면 재사용 가능한 쿼리 논리 조각( 의 UI 구성 요소와 동일)을 구성할 수 있습니다. 쿼리의 작은 부분은 필요할 때 사용할 준비가 되어 작업을 훨씬 더 효율적으로 만들고 단순한 오타를 만들 확률을 낮출 수 있습니다.

다음과 같은 일부 표준 필드를 포함하는 user 유형이 있다고 가정해 보겠습니다.

type User {
  name: String!
  age: Int!
  twitter: String!
  facebook: String!
  phone: String!
  email: String!
  street: String!
  zipcode: String!
  city: String!
}

fragment를 사용하여 특정 필드 집합, 즉 온라인 연락처 세부 정보를 나타낼 수 있습니다.

fragment onlineDetails on User {
  name
  email
  twitter
  facebook
}

따라서 온라인 세부 정보를 쿼리할 때 모든 필드를 개별적으로 쿼리하는 대신 프래그먼트를 참조할 수 있습니다.

{
  getUsers {
    ... onlineDetails
  }
}

더 적은 타이핑, 깔끔한 코드, 더 쉬운 삶 :)

프래그먼트 사용의 이점

GraphQL 프래그먼트를 사용하면 쿼리의 일부를 재사용하고 다음과 같은 품질을 제공할 수 있습니다.

일관성 - 항상 올바른 필드에서 작업하고 있다는 높은 신뢰도, 즉 돌연변이를 실행할 때 올바른 데이터를 업데이트한다는 것을 알 수 있습니다.

더 나은 코드 구성 - 프래그먼트는 팀 협업 측면에서 매우 편리한 GraphQL 코드의 구조 및 재사용성을 개선합니다

.

GraphQL 서버와의 향상된 통신 - 프래그먼트를 쿼리하면 원치 않는 데이터로부터 구성 요소를 격리합니다.

좋은 것 같죠? 따라서 GraphQL 조각을 사용할 가치가 있는지 궁금하다면 답은 간단합니다. 예!