Apollo Elements 3를 사용하여 GraphQL을 궤도에 올리십시오.

Apollo Elements 3는 오늘 수많은 새로운 기능과 함께 궤도에 진입합니다. 가이드, 완전한 TypeScript 지원, 앱/구성요소 생성기 등이 완비된 brand new docs site이 있습니다.

Apollo Elements를 사용하여 웹 구성 요소를 뷰 레이어로 사용하여 GraphQL 기반 앱을 작성하십시오. Apollo Elements는 기본적으로 lit-element , hybrids 및 gluon을 지원하거나 사용자 정의 요소 믹스인을 사용하여 모든 사용자 정의 요소 기본 클래스에 대한 지원을 추가할 수 있습니다.

Apollo Elements 3는 개발자 경험에 대한 모든 개선 사항과 함께 새로운 Apollo Client 3를 지원합니다.

import { ApolloQuery } from '@apollo-elements/lit-apollo';
import { customElement, html } from 'lit-element';
import { gql } from '@apollo/client/core';

interface Data {
  name: string;
  greeting: string;
}

interface Variables {
  name?: string;
}

@customElement('hello-query')
class HelloQuery extends ApolloElement<Data, Variables> {
  query = gql`
    query HelloQuery($name: String) {
      name
      greeting
    }
  `;

  render() {
    return html`
      <p>
        ${this.data?.greeting ?? 'Hello'},
        ${this.data?.name ?? 'Friend'}
      </p>
    `;
  }
}

예

다음 예시 앱을 확인하세요.

leeway은 실시간 업데이트

를 위해 GraphQL subscriptions을 사용하는 간단한 채팅 앱입니다.

launchctl 비공식spacex.land API

를 사용하여 SpaceX 발사에 대한 정보를 보여줍니다.

앱 생성기

순식간에 GraphQL 앱 작성을 시작하고 싶으십니까? 새로운 앱 생성기를 사용해 보세요

npm init @apollo-elements

따라서 충돌 소파에 끈을 묶고 주스가 나오는 것을 느끼십시오. 이제 Apollo Elements으로 GraphQL 게이트를 지나칠 때입니다.