フロントエンドエンジニアのためのGraphQL with React 入門 2018年版

About this course

本コースは、 概論編、言語仕様編、そして実践編の3つのセクションで構成されています。概論編では、GraphQL独特の概念を掴んでもらうために、RESTと比較しながらその特徴について学んでいきます。言語仕様編では、実際に手を動かしながらGraphQL APIサーバと対話できるフロントエンドアプリケーションの開発に必要となる知識を体系的に身につけて頂きます。そして実践編です。この実践編ではフロントエンドアプリケーションで最も実績のあるReactライブラリを用いてGraphQLクライアントアプリケーションの実装を行います。 GraphQLで使用されるQueryやMutationといったリクエストを Apolloという定評のあるライブラリを用いてGraphQLリクエストの送受信を行う方法についてみっちり学習します。以上、計7.5時間のコースとなります。(但し、コースのアップデートにより時間増減の可能性あり)尚、本コースではGraphQLの学習を第一の目的としています。 そして、Reactの基本的な学習を修了されている方を前提としています。そのため、ReactやES2015等のモダンなJavaScriptの言語仕様についての説明はコースの中では割愛させていただいております。しかしながら、GraphQLの理解の妨げになるほどの支障がある場合には積極的にこちらのQ&Aでご質問頂ければと思います。もちろん、GraphQLについてのご質問も大歓迎です。どしどしご質問をお寄せください。基本的には、日本の暦の土日祝日を除く、3営業日以内で回答をさせて頂く方針ですので、宜しくお願い致します。Udemyの返金保証についてです。 Udemyでは、30日以内であれば100%返金保証となっております。 何かしらの理由でコースにご満足いただけない場合は、返金対応できますので その際は返金保証のシステムの活用をご検討ください。概論編GraphQLとは？GraphQLにおける3つの特徴についてご紹介します。RESTがMcDonald's方式だとすれば、GraphQLは何方式になる？既存のREST APIと比較しながらGraphQLについての概念を理解します。RESTは静的なAPI、GraphQLは動的なAPIマルチエンドポイントのREST、シングルエンドポイントのGraphQL言語仕様編GitHub GraphQL APIを利用する上での準備GraphiQLの紹介GitHubとのAuthorization初めてのQueryクエリ(query)、フィールド(Fields)、型(Types)Documentation ExplorerでGraphQL Queryの仕様を確認しながらQueryを組み立てる引数(Arguments)引数を指定し該当のフィールドを取得するエイリアス(Aliases)エイリアスで同名のフィールドの競合を回避するフラグメント(Fragments)フラグメントで重複フィールドの指定をDRYにする操作名(Operation Name)操作名(Operation Name)により多様なQueryやMutationのリクエストを確保できるようにする変数