-
Next.jsではクライアントサイドとサーバーサイドの処理を扱うことができるのでApolloClientを使う場合は処理の切り分けが重要になってきます。 サーバーサイドで実行される箇所(SSG、ISR:getStaticProps、get…
-
REST API & Reduxの場合 グローバルストアにReduxを使ってコンポーネント間で状態管理します。 GraphQL & Apollo Clientの場合 GraphQLとApollo Clientの場合はグ…
-
graphql-codegenとは? GraphQLのデータ型を自動生成するパッケージです。 インストール [crayon-63e149299d82a310621304/] What type of application are …
-
【Hasura】リレーションシップ
10.05
One to One(Object relationShip) 1:1の関係です。 [crayon-63e149299df9f509285162/] 別テーブルのuuidを紐づけます。 One to Many(Array relat…
-
オブジェクトタイプとは? 1つ以上のスキーマで定義されているフィールドの集合をオブジェクトタイプ(型)と呼びます。JSONのように入れ子にすることが可能です。 サンプル(Node.jsのexpress) [crayon-63e1492…
-
フロントからはGraphQL APIに直接クエリを実行することもできるが専用のクライアントライブラリを使用すると作業が簡単になります。 Relay GraphQLを利用してReactアプリケーションを構築するためのFacebookのJS…
-
GraphQLはサーバー構築が必須になります。 GraphQL-JS node.jsのExpress.jsで使用できるGraphQLのオリジナルリファレンス実装 GraphQL Yoga ExpressとApolloサーバー上に構築…
-
GraphQLは「クエリ言語」と「スキーマ言語」の二つに分かれます。 クエリ言語 スキーマ言語 クエリ言語 フロント側、リクエスト。ルート型で始まる。これを使うことでデータソースへのアクセスができます。 ルート型 …
-
JavaScriptで同じようなオブジェクトをたくさん定義しようとしたら冗長になってしまいます。それを解決するためにさまざまな構文が用意されています。 ファクトリ関数 [crayon-63e149299f85a245562406/] …
-
strictモードとは? JavaScriptには過去のコードを動かせるようにしなければならないという暗黙のルールがあります。ただ、過去のコードを動かしてなおかつ言語の不備を改善するモードがあります。それが「strictモード」です。 …