From 91eff12b8f1744fb81fb004f1bbb99db0b189be2 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Tue, 24 Jun 2025 00:12:06 +0100 Subject: [PATCH] Migrate old graphql content --- migrate_content.py | 89 - .../content/aliases@B77yLU4SuRChSjEbmYwc-.md | 7 + .../apollo-client@D5O7ky5eXwm_Ys1IcFNaq.md | 8 + .../apollo-server@o_VkyoN6DmUUkfl0u0cro.md | 8 + ....md => arguments@A54vi3Ao7fBHyTuqoH_it.md} | 0 .../arguments@hrpb108R8Gyu3hhzkMYzL.md | 7 + ... => asynchronous@tbDvQBtLRAcD-xYX9V7Va.md} | 0 ...=> authorization@G50ZMlmP7Ru5LcFne5Rhu.md} | 2 +- ...=> authorization@GzwPvLybxTJM96fUhQUOi.md} | 0 ...=> authorization@i-zcfN6RNXhA_sb7DcIon.md} | 0 .../backend-implementations/apollo-server.md | 10 - .../backend-implementations/graphql-yoga.md | 10 - .../content/backend-implementations/index.md | 13 - .../backend-implementations/mercurius.md | 5 - .../content/batching@v9gVexHfDkpG9z3NL5S-9.md | 3 + ...ng.md => caching@UYwuUVTeurwODV4_Kdt_W.md} | 2 + ...stream-directives@t6XxFB_lx27kS4FE2_GMH.md | 7 + .../directives@MnmwccPahqPCzOhqjfbsY.md | 7 + .../content/enums@wfOsfb0zSAIdNkwFHfBcw.md | 7 + ...sed-subscriptions@kJMyRhasBKfBypent3GxK.md | 3 + .../graphql/content/execution/index.md | 8 - .../content/execution/resolvers/index.md | 9 - .../graphql/content/execution/validation.md | 9 - .../execution@72wGg6yP8WnEdmkeKL9vh.md | 8 + ...lds.md => fields@HPdntdgTar1T34CZX8Y6y.md} | 0 .../content/fields@Pc9H7AcoqJQkWnuhbytyD.md | 7 + .../fragments@CehwjrCG_wbUU-TFNCuJn.md | 7 + .../frontend-implementations/apollo-client.md | 10 - .../content/frontend-implementations/index.md | 10 - .../content/frontend-implementations/relay.md | 9 - .../content/frontend-implementations/urql.md | 7 - .../graphql-go@9nVo95gRNGHGIbaJQPH1x.md | 3 + .../graphql-http@N-vsu-wvOikuoTbzdgX3X.md | 3 + ... => graphql-http@datKo3vPDwXoyVskcrdkc.md} | 0 .../graphql-on-the-backend.md | 12 - .../graphql-on-the-frontend.md | 12 - .../content/graphql-introduction/index.md | 13 - .../problems-graphql-solves.md | 13 - .../thinking-in-graphs.md | 9 - .../graphql-introduction/what-is-graphql.md | 11 - .../graphql-java@7szipojhVb2VoL3VcS619.md | 3 + ...raphql-on-backend@ODQ8zrHc2rsc8PN-APKvz.md | 8 + ...aphql-on-frontend@6r9XbwlBtHmJrhviG2cTD.md | 8 + ...ql-over-http-spec@V3bgswBFr1xames3F8S_V.md | 3 + .../content/graphql-queries/aliases.md | 7 - .../content/graphql-queries/arguments.md | 7 - .../content/graphql-queries/directives.md | 7 - .../graphql/content/graphql-queries/fields.md | 9 - .../content/graphql-queries/fragments.md | 7 - .../content/graphql-queries/variables.md | 8 - .../graphql-queries/what-are-queries.md | 7 - ... graphql-queries@W_Lg8086ZhrIqtck1sgnb.md} | 2 +- .../graphql-yoga@Gotb1xtxySCVC5MrnkPSs.md | 8 + .../graphqljs@jCzrMElTo-c9xGcpPOOPl.md | 3 + .../interfaces@tc_rjJZrr2x3bp8mcoQ0F.md | 7 + .../introduction@JfXwzkN29UGz17FYHHE3A.md | 9 + .../content/lists@d2ikbo4sZq7PmaCi5znkd.md | 7 + ...ists.md => lists@sJ1_c3e08aehiqNMbIEEP.md} | 0 .../live-queries@CHdzww8_TNfeM6Bp1oTPI.md | 7 + .../mercurius@iTV2H8clmRTOksul4v38p.md | 3 + ...ields-in-mutation@AySlY8AyI6jE-cy-qKKOU.md | 7 + .../mutations/multiple-mutation-fields.md | 7 - .../content/mutations/operation-name.md | 7 - .../content/mutations/what-are-mutations.md | 9 - ....md => mutations@jy_91mhFWbpR6sYVbuX1x.md} | 2 +- .../content/objects@LX9vZpx7yKlf0iR6AtBWz.md | 8 + .../operation-name@q9TYEygvUyHourdZIvk8G.md | 7 + .../roadmaps/graphql/content/pagination.md | 13 - .../pagination@Uf8XxJPs7RzKVhlxiQdbB.md | 7 + ...ms-graphql-solves@2rlmLn_yQQV-7DpX1qT98.md | 3 + ...ucing-the-result@zQHifboRreE4OgJ7GnUlp.md} | 0 .../content/realtime@2YLm_S1j_832pb1OGSNaM.md | 7 + .../content/relay@Ab_ngkf6bmejvcp9okuw6.md | 7 + .../resolvers@VDur5xYBC0LJtQgDrSEyj.md | 7 + ...d => root-fields@AlJlHZD3_SPoLNaqdM-pB.md} | 0 ... scalar-coercion@QFUOmJlPkkjpcl1vJxg9h.md} | 0 .../content/scalars@U-tLelmNQtR-pUq-sxU_2.md | 7 + .../roadmaps/graphql/content/schema/enums.md | 10 - .../roadmaps/graphql/content/schema/index.md | 9 - .../graphql/content/schema/interfaces.md | 9 - .../roadmaps/graphql/content/schema/lists.md | 9 - .../graphql/content/schema/objects.md | 8 - .../graphql/content/schema/scalars.md | 17 - .../graphql/content/schema/type-system.md | 13 - .../roadmaps/graphql/content/schema/unions.md | 9 - .../content/schema@lj1WEh4WbfBsoZFYsi1Yz.md | 7 + .../graphql-over-http/batching.md | 9 - .../graphql-over-http/index.md | 10 - .../graphql-over-sse/index.md | 12 - .../graphql-over-websockets/index.md | 8 - .../graphql-over-websockets/real-time.md | 7 - ...ng-over-internet@inhjhH-7xJyX8o4DQqErF.md} | 4 +- .../specification@A-PQ3_FVuCK3Eud75hsdj.md | 3 + .../specification@O8k-m6s9B_uXkLsXKVFnL.md | 3 + .../subscriptions/defer-stream-directives.md | 9 - .../event-based-subscriptions.md | 5 - .../content/subscriptions/live-queries.md | 9 - .../subscriptions/what-are-subscriptions.md | 9 - ...=> subscriptions@IbEqXlGjsyNLKE9dZrPPk.md} | 2 +- ...d => synchronous@uPpsj2kCdgKsJpmTaw86u.md} | 0 ...hinking-in-graphs@J5mU0v491qrm-mr1W3Msd.md | 7 + .../type-system@jpu0_FAlxtD-H80mPcod5.md | 7 + .../content/unions@59COH3rerJJzKr6vrj4bF.md | 7 + .../content/urql@WP0Oo_YMfLBlXqDQQtKes.md | 7 + .../validation@I4wNBXV4xEZ0LWBhv5FwF.md | 7 + ...md => validation@iYkHCKTsjtvo40f3eZoet.md} | 0 .../variables@YZaFEK547FYricfOuANvH.md | 8 + ...hat-are-mutations@9Q2pGidY-rfkltHq3vChp.md | 7 + .../what-are-queries@2SU4dcaz7zwGsF7g8FjmI.md | 7 + ...are-subscriptions@RlBc-hWEUOPaEQLTgJa-K.md | 7 + .../what-is-graphql@cMfsRtvzvDZZJ0TqeUOxm.md | 9 + src/data/roadmaps/graphql/graphql.json | 4386 ++++++++++++++++- src/data/roadmaps/graphql/graphql.md | 3 +- .../roadmaps/graphql/migration-mapping.json | 63 + 114 files changed, 4754 insertions(+), 518 deletions(-) delete mode 100644 migrate_content.py create mode 100644 src/data/roadmaps/graphql/content/aliases@B77yLU4SuRChSjEbmYwc-.md create mode 100644 src/data/roadmaps/graphql/content/apollo-client@D5O7ky5eXwm_Ys1IcFNaq.md create mode 100644 src/data/roadmaps/graphql/content/apollo-server@o_VkyoN6DmUUkfl0u0cro.md rename src/data/roadmaps/graphql/content/{schema/arguments.md => arguments@A54vi3Ao7fBHyTuqoH_it.md} (100%) create mode 100644 src/data/roadmaps/graphql/content/arguments@hrpb108R8Gyu3hhzkMYzL.md rename src/data/roadmaps/graphql/content/{execution/resolvers/asynchronous.md => asynchronous@tbDvQBtLRAcD-xYX9V7Va.md} (100%) rename src/data/roadmaps/graphql/content/{serving-over-internet/graphql-over-websockets/authorization.md => authorization@G50ZMlmP7Ru5LcFne5Rhu.md} (57%) rename src/data/roadmaps/graphql/content/{serving-over-internet/graphql-over-http/authorization.md => authorization@GzwPvLybxTJM96fUhQUOi.md} (100%) rename src/data/roadmaps/graphql/content/{serving-over-internet/graphql-over-sse/authorization.md => authorization@i-zcfN6RNXhA_sb7DcIon.md} (100%) delete mode 100644 src/data/roadmaps/graphql/content/backend-implementations/apollo-server.md delete mode 100644 src/data/roadmaps/graphql/content/backend-implementations/graphql-yoga.md delete mode 100644 src/data/roadmaps/graphql/content/backend-implementations/index.md delete mode 100644 src/data/roadmaps/graphql/content/backend-implementations/mercurius.md create mode 100644 src/data/roadmaps/graphql/content/batching@v9gVexHfDkpG9z3NL5S-9.md rename src/data/roadmaps/graphql/content/{serving-over-internet/graphql-over-http/caching.md => caching@UYwuUVTeurwODV4_Kdt_W.md} (69%) create mode 100644 src/data/roadmaps/graphql/content/defer--stream-directives@t6XxFB_lx27kS4FE2_GMH.md create mode 100644 src/data/roadmaps/graphql/content/directives@MnmwccPahqPCzOhqjfbsY.md create mode 100644 src/data/roadmaps/graphql/content/enums@wfOsfb0zSAIdNkwFHfBcw.md create mode 100644 src/data/roadmaps/graphql/content/event-based-subscriptions@kJMyRhasBKfBypent3GxK.md delete mode 100644 src/data/roadmaps/graphql/content/execution/index.md delete mode 100644 src/data/roadmaps/graphql/content/execution/resolvers/index.md delete mode 100644 src/data/roadmaps/graphql/content/execution/validation.md create mode 100644 src/data/roadmaps/graphql/content/execution@72wGg6yP8WnEdmkeKL9vh.md rename src/data/roadmaps/graphql/content/{schema/fields.md => fields@HPdntdgTar1T34CZX8Y6y.md} (100%) create mode 100644 src/data/roadmaps/graphql/content/fields@Pc9H7AcoqJQkWnuhbytyD.md create mode 100644 src/data/roadmaps/graphql/content/fragments@CehwjrCG_wbUU-TFNCuJn.md delete mode 100644 src/data/roadmaps/graphql/content/frontend-implementations/apollo-client.md delete mode 100644 src/data/roadmaps/graphql/content/frontend-implementations/index.md delete mode 100644 src/data/roadmaps/graphql/content/frontend-implementations/relay.md delete mode 100644 src/data/roadmaps/graphql/content/frontend-implementations/urql.md create mode 100644 src/data/roadmaps/graphql/content/graphql-go@9nVo95gRNGHGIbaJQPH1x.md create mode 100644 src/data/roadmaps/graphql/content/graphql-http@N-vsu-wvOikuoTbzdgX3X.md rename src/data/roadmaps/graphql/content/{backend-implementations/graphql-http.md => graphql-http@datKo3vPDwXoyVskcrdkc.md} (100%) delete mode 100644 src/data/roadmaps/graphql/content/graphql-introduction/graphql-on-the-backend.md delete mode 100644 src/data/roadmaps/graphql/content/graphql-introduction/graphql-on-the-frontend.md delete mode 100644 src/data/roadmaps/graphql/content/graphql-introduction/index.md delete mode 100644 src/data/roadmaps/graphql/content/graphql-introduction/problems-graphql-solves.md delete mode 100644 src/data/roadmaps/graphql/content/graphql-introduction/thinking-in-graphs.md delete mode 100644 src/data/roadmaps/graphql/content/graphql-introduction/what-is-graphql.md create mode 100644 src/data/roadmaps/graphql/content/graphql-java@7szipojhVb2VoL3VcS619.md create mode 100644 src/data/roadmaps/graphql/content/graphql-on-backend@ODQ8zrHc2rsc8PN-APKvz.md create mode 100644 src/data/roadmaps/graphql/content/graphql-on-frontend@6r9XbwlBtHmJrhviG2cTD.md create mode 100644 src/data/roadmaps/graphql/content/graphql-over-http-spec@V3bgswBFr1xames3F8S_V.md delete mode 100644 src/data/roadmaps/graphql/content/graphql-queries/aliases.md delete mode 100644 src/data/roadmaps/graphql/content/graphql-queries/arguments.md delete mode 100644 src/data/roadmaps/graphql/content/graphql-queries/directives.md delete mode 100644 src/data/roadmaps/graphql/content/graphql-queries/fields.md delete mode 100644 src/data/roadmaps/graphql/content/graphql-queries/fragments.md delete mode 100644 src/data/roadmaps/graphql/content/graphql-queries/variables.md delete mode 100644 src/data/roadmaps/graphql/content/graphql-queries/what-are-queries.md rename src/data/roadmaps/graphql/content/{graphql-queries/index.md => graphql-queries@W_Lg8086ZhrIqtck1sgnb.md} (96%) create mode 100644 src/data/roadmaps/graphql/content/graphql-yoga@Gotb1xtxySCVC5MrnkPSs.md create mode 100644 src/data/roadmaps/graphql/content/graphqljs@jCzrMElTo-c9xGcpPOOPl.md create mode 100644 src/data/roadmaps/graphql/content/interfaces@tc_rjJZrr2x3bp8mcoQ0F.md create mode 100644 src/data/roadmaps/graphql/content/introduction@JfXwzkN29UGz17FYHHE3A.md create mode 100644 src/data/roadmaps/graphql/content/lists@d2ikbo4sZq7PmaCi5znkd.md rename src/data/roadmaps/graphql/content/{execution/resolvers/lists.md => lists@sJ1_c3e08aehiqNMbIEEP.md} (100%) create mode 100644 src/data/roadmaps/graphql/content/live-queries@CHdzww8_TNfeM6Bp1oTPI.md create mode 100644 src/data/roadmaps/graphql/content/mercurius@iTV2H8clmRTOksul4v38p.md create mode 100644 src/data/roadmaps/graphql/content/multiple-fields-in-mutation@AySlY8AyI6jE-cy-qKKOU.md delete mode 100644 src/data/roadmaps/graphql/content/mutations/multiple-mutation-fields.md delete mode 100644 src/data/roadmaps/graphql/content/mutations/operation-name.md delete mode 100644 src/data/roadmaps/graphql/content/mutations/what-are-mutations.md rename src/data/roadmaps/graphql/content/{mutations/index.md => mutations@jy_91mhFWbpR6sYVbuX1x.md} (95%) create mode 100644 src/data/roadmaps/graphql/content/objects@LX9vZpx7yKlf0iR6AtBWz.md create mode 100644 src/data/roadmaps/graphql/content/operation-name@q9TYEygvUyHourdZIvk8G.md delete mode 100644 src/data/roadmaps/graphql/content/pagination.md create mode 100644 src/data/roadmaps/graphql/content/pagination@Uf8XxJPs7RzKVhlxiQdbB.md create mode 100644 src/data/roadmaps/graphql/content/problems-graphql-solves@2rlmLn_yQQV-7DpX1qT98.md rename src/data/roadmaps/graphql/content/{execution/producing-the-result.md => producing-the-result@zQHifboRreE4OgJ7GnUlp.md} (100%) create mode 100644 src/data/roadmaps/graphql/content/realtime@2YLm_S1j_832pb1OGSNaM.md create mode 100644 src/data/roadmaps/graphql/content/relay@Ab_ngkf6bmejvcp9okuw6.md create mode 100644 src/data/roadmaps/graphql/content/resolvers@VDur5xYBC0LJtQgDrSEyj.md rename src/data/roadmaps/graphql/content/{execution/root-fields.md => root-fields@AlJlHZD3_SPoLNaqdM-pB.md} (100%) rename src/data/roadmaps/graphql/content/{execution/resolvers/scalar-coercion.md => scalar-coercion@QFUOmJlPkkjpcl1vJxg9h.md} (100%) create mode 100644 src/data/roadmaps/graphql/content/scalars@U-tLelmNQtR-pUq-sxU_2.md delete mode 100644 src/data/roadmaps/graphql/content/schema/enums.md delete mode 100644 src/data/roadmaps/graphql/content/schema/index.md delete mode 100644 src/data/roadmaps/graphql/content/schema/interfaces.md delete mode 100644 src/data/roadmaps/graphql/content/schema/lists.md delete mode 100644 src/data/roadmaps/graphql/content/schema/objects.md delete mode 100644 src/data/roadmaps/graphql/content/schema/scalars.md delete mode 100644 src/data/roadmaps/graphql/content/schema/type-system.md delete mode 100644 src/data/roadmaps/graphql/content/schema/unions.md create mode 100644 src/data/roadmaps/graphql/content/schema@lj1WEh4WbfBsoZFYsi1Yz.md delete mode 100644 src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-http/batching.md delete mode 100644 src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-http/index.md delete mode 100644 src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-sse/index.md delete mode 100644 src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-websockets/index.md delete mode 100644 src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-websockets/real-time.md rename src/data/roadmaps/graphql/content/{serving-over-internet/index.md => serving-over-internet@inhjhH-7xJyX8o4DQqErF.md} (89%) create mode 100644 src/data/roadmaps/graphql/content/specification@A-PQ3_FVuCK3Eud75hsdj.md create mode 100644 src/data/roadmaps/graphql/content/specification@O8k-m6s9B_uXkLsXKVFnL.md delete mode 100644 src/data/roadmaps/graphql/content/subscriptions/defer-stream-directives.md delete mode 100644 src/data/roadmaps/graphql/content/subscriptions/event-based-subscriptions.md delete mode 100644 src/data/roadmaps/graphql/content/subscriptions/live-queries.md delete mode 100644 src/data/roadmaps/graphql/content/subscriptions/what-are-subscriptions.md rename src/data/roadmaps/graphql/content/{subscriptions/index.md => subscriptions@IbEqXlGjsyNLKE9dZrPPk.md} (97%) rename src/data/roadmaps/graphql/content/{execution/resolvers/synchronous.md => synchronous@uPpsj2kCdgKsJpmTaw86u.md} (100%) create mode 100644 src/data/roadmaps/graphql/content/thinking-in-graphs@J5mU0v491qrm-mr1W3Msd.md create mode 100644 src/data/roadmaps/graphql/content/type-system@jpu0_FAlxtD-H80mPcod5.md create mode 100644 src/data/roadmaps/graphql/content/unions@59COH3rerJJzKr6vrj4bF.md create mode 100644 src/data/roadmaps/graphql/content/urql@WP0Oo_YMfLBlXqDQQtKes.md create mode 100644 src/data/roadmaps/graphql/content/validation@I4wNBXV4xEZ0LWBhv5FwF.md rename src/data/roadmaps/graphql/content/{validation.md => validation@iYkHCKTsjtvo40f3eZoet.md} (100%) create mode 100644 src/data/roadmaps/graphql/content/variables@YZaFEK547FYricfOuANvH.md create mode 100644 src/data/roadmaps/graphql/content/what-are-mutations@9Q2pGidY-rfkltHq3vChp.md create mode 100644 src/data/roadmaps/graphql/content/what-are-queries@2SU4dcaz7zwGsF7g8FjmI.md create mode 100644 src/data/roadmaps/graphql/content/what-are-subscriptions@RlBc-hWEUOPaEQLTgJa-K.md create mode 100644 src/data/roadmaps/graphql/content/what-is-graphql@cMfsRtvzvDZZJ0TqeUOxm.md create mode 100644 src/data/roadmaps/graphql/migration-mapping.json diff --git a/migrate_content.py b/migrate_content.py deleted file mode 100644 index c16afadbf..000000000 --- a/migrate_content.py +++ /dev/null @@ -1,89 +0,0 @@ -#!/usr/bin/env python3 - -import json -import os -import sys - -def migrate_content(): - """ - Migrate content from content folder to content-migrated folder using mapping file - """ - - # Read mapping file - mapping_file = 'migration-mapping.json' - content_dir = 'content' - migrated_dir = 'content-migrated' - - try: - with open(mapping_file, 'r') as f: - mapping = json.load(f) - except FileNotFoundError: - print(f"Error: {mapping_file} not found") - return False - except json.JSONDecodeError: - print(f"Error: Invalid JSON in {mapping_file}") - return False - - migrated_count = 0 - skipped_count = 0 - error_count = 0 - - print(f"Starting migration of {len(mapping)} files...") - - for source_path, target_id in mapping.items(): - # Determine source file path - if ':' in source_path: - # Nested path like "clean-code-principles:be-consistent" - parts = source_path.split(':') - source_file = os.path.join(content_dir, *parts[:-1], f"{parts[-1]}.md") - else: - # Top level path like "clean-code-principles" - source_file = os.path.join(content_dir, source_path, 'index.md') - - # Determine target file path - target_filename = f"{source_path.split(':')[-1]}@{target_id}.md" - target_file = os.path.join(migrated_dir, target_filename) - - # Check if target file is empty (needs migration) - if os.path.exists(target_file) and os.path.getsize(target_file) > 0: - print(f"⏭️ Skipped: {target_filename} (already migrated)") - skipped_count += 1 - continue - - # Check if source file exists - if not os.path.exists(source_file): - print(f"❌ Error: Source file not found: {source_file}") - error_count += 1 - continue - - try: - # Read source content - with open(source_file, 'r', encoding='utf-8') as f: - content = f.read() - - if not content.strip(): - print(f"⚠️ Warning: Source file is empty: {source_file}") - continue - - # Write to target file - with open(target_file, 'w', encoding='utf-8') as f: - f.write(content) - - print(f"✅ Migrated: {source_path} -> {target_filename}") - migrated_count += 1 - - except Exception as e: - print(f"❌ Error migrating {source_path}: {str(e)}") - error_count += 1 - - print(f"\n📊 Migration Summary:") - print(f" ✅ Migrated: {migrated_count}") - print(f" ⏭️ Skipped: {skipped_count}") - print(f" ❌ Errors: {error_count}") - print(f" 📁 Total: {len(mapping)}") - - return error_count == 0 - -if __name__ == "__main__": - success = migrate_content() - sys.exit(0 if success else 1) \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/aliases@B77yLU4SuRChSjEbmYwc-.md b/src/data/roadmaps/graphql/content/aliases@B77yLU4SuRChSjEbmYwc-.md new file mode 100644 index 000000000..b6f4694c4 --- /dev/null +++ b/src/data/roadmaps/graphql/content/aliases@B77yLU4SuRChSjEbmYwc-.md @@ -0,0 +1,7 @@ +# Aliases + +Aliases in GraphQL rename fields in query responses, useful when requesting the same field multiple times with different arguments or when field names aren't suitable for client usage. They distinguish fields in responses and improve query readability and usability. + +To learn more, visit the following links: + +- [@official@What are GraphQL Aliases?](https://graphql.org/learn/queries/#aliases) diff --git a/src/data/roadmaps/graphql/content/apollo-client@D5O7ky5eXwm_Ys1IcFNaq.md b/src/data/roadmaps/graphql/content/apollo-client@D5O7ky5eXwm_Ys1IcFNaq.md new file mode 100644 index 000000000..9807e47a1 --- /dev/null +++ b/src/data/roadmaps/graphql/content/apollo-client@D5O7ky5eXwm_Ys1IcFNaq.md @@ -0,0 +1,8 @@ +# Apollo Client + +Apollo Client is a popular GraphQL client library for JavaScript that provides data fetching, caching, and state management. It offers declarative data fetching with React hooks, intelligent caching, optimistic UI updates, and error handling for building efficient GraphQL-powered applications. + +Learn more from the following links: + +- [@article@Why Apollo Client - Frontend?](https://www.howtographql.com/react-apollo/0-introduction/) +- [@feed@Explore top posts about Apollo](https://app.daily.dev/tags/apollo?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/apollo-server@o_VkyoN6DmUUkfl0u0cro.md b/src/data/roadmaps/graphql/content/apollo-server@o_VkyoN6DmUUkfl0u0cro.md new file mode 100644 index 000000000..f07d2a9bd --- /dev/null +++ b/src/data/roadmaps/graphql/content/apollo-server@o_VkyoN6DmUUkfl0u0cro.md @@ -0,0 +1,8 @@ +# Apollo Server + +Apollo Server is a popular open-source library for building GraphQL servers in JavaScript. It provides tools for parsing, validating, executing resolvers, and formatting responses with built-in features for authentication, authorization, data validation, and real-time subscriptions. + +Learn more from the following links: + +- [@article@Apollo Tutorial - Introduction](https://www.howtographql.com/react-apollo/0-introduction/) +- [@feed@Explore top posts about Apollo](https://app.daily.dev/tags/apollo?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/schema/arguments.md b/src/data/roadmaps/graphql/content/arguments@A54vi3Ao7fBHyTuqoH_it.md similarity index 100% rename from src/data/roadmaps/graphql/content/schema/arguments.md rename to src/data/roadmaps/graphql/content/arguments@A54vi3Ao7fBHyTuqoH_it.md diff --git a/src/data/roadmaps/graphql/content/arguments@hrpb108R8Gyu3hhzkMYzL.md b/src/data/roadmaps/graphql/content/arguments@hrpb108R8Gyu3hhzkMYzL.md new file mode 100644 index 000000000..2ec08411f --- /dev/null +++ b/src/data/roadmaps/graphql/content/arguments@hrpb108R8Gyu3hhzkMYzL.md @@ -0,0 +1,7 @@ +# Arguments + +Arguments in GraphQL are values passed to fields or directives to specify execution details like filtering, sorting, pagination, or configuration options. They're passed as key-value pairs, can be defined as variables, and may be optional or required depending on the field definition. + +Learn more from the following links: + +- [@official@GraphQL - Arguments](https://graphql.org/learn/queries/#arguments) diff --git a/src/data/roadmaps/graphql/content/execution/resolvers/asynchronous.md b/src/data/roadmaps/graphql/content/asynchronous@tbDvQBtLRAcD-xYX9V7Va.md similarity index 100% rename from src/data/roadmaps/graphql/content/execution/resolvers/asynchronous.md rename to src/data/roadmaps/graphql/content/asynchronous@tbDvQBtLRAcD-xYX9V7Va.md diff --git a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-websockets/authorization.md b/src/data/roadmaps/graphql/content/authorization@G50ZMlmP7Ru5LcFne5Rhu.md similarity index 57% rename from src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-websockets/authorization.md rename to src/data/roadmaps/graphql/content/authorization@G50ZMlmP7Ru5LcFne5Rhu.md index 5b3966c7e..faea46af5 100644 --- a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-websockets/authorization.md +++ b/src/data/roadmaps/graphql/content/authorization@G50ZMlmP7Ru5LcFne5Rhu.md @@ -1,6 +1,6 @@ # Authorization -Authorization in GraphQL refers to the process of controlling access to specific fields, types, or operations in a GraphQL schema based on user roles or permissions. It allows you to restrict access to certain data or functionality in your application based on the user's role or permissions. +Authorization in GraphQL controls access to data and operations based on user permissions and roles. It can be implemented at the schema level, field level, or within resolvers, ensuring users only access data they're permitted to see through various authentication and permission strategies. There are several ways to implement authorization in GraphQL: diff --git a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-http/authorization.md b/src/data/roadmaps/graphql/content/authorization@GzwPvLybxTJM96fUhQUOi.md similarity index 100% rename from src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-http/authorization.md rename to src/data/roadmaps/graphql/content/authorization@GzwPvLybxTJM96fUhQUOi.md diff --git a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-sse/authorization.md b/src/data/roadmaps/graphql/content/authorization@i-zcfN6RNXhA_sb7DcIon.md similarity index 100% rename from src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-sse/authorization.md rename to src/data/roadmaps/graphql/content/authorization@i-zcfN6RNXhA_sb7DcIon.md diff --git a/src/data/roadmaps/graphql/content/backend-implementations/apollo-server.md b/src/data/roadmaps/graphql/content/backend-implementations/apollo-server.md deleted file mode 100644 index d853e1e04..000000000 --- a/src/data/roadmaps/graphql/content/backend-implementations/apollo-server.md +++ /dev/null @@ -1,10 +0,0 @@ -# Apollo Server - -Apollo Server is a popular open-source library for building GraphQL servers in JavaScript. It provides a simple and flexible way to build GraphQL servers by providing a set of tools and features for handling common tasks such as parsing and validating queries, executing resolvers, and formatting responses. - -One of the key features of Apollo Server is that it provides a set of built-in functionality that makes it easy to handle common tasks such as authentication, authorization, and data validation. It also provides support for subscriptions, which allow clients to receive real-time updates from the server. - -Learn more from the following links: - -- [@article@Apollo Tutorial - Introduction](https://www.howtographql.com/react-apollo/0-introduction/) -- [@feed@Explore top posts about Apollo](https://app.daily.dev/tags/apollo?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/backend-implementations/graphql-yoga.md b/src/data/roadmaps/graphql/content/backend-implementations/graphql-yoga.md deleted file mode 100644 index b17f04efd..000000000 --- a/src/data/roadmaps/graphql/content/backend-implementations/graphql-yoga.md +++ /dev/null @@ -1,10 +0,0 @@ -# GraphQL Yoga - -GraphQL Yoga is a popular open-source GraphQL server library for Node.js. It is built on top of the popular Express.js web framework and provides a simple and flexible way to build GraphQL servers with minimal boilerplate code. - -One of the key features of GraphQL Yoga is that it provides a set of built-in functionality that makes it easy to handle common tasks such as authentication, authorization, and data validation. It also provides support for subscriptions, which allow clients to receive real-time updates from the server. - -Learn more from the following links: - -- [@article@GraphQL Armor - for Yoga Server 2](https://the-guild.dev/blog/improved-security-with-graphql-armor-support-for-yoga-server-2) -- [@feed@Explore top posts about GraphQL](https://app.daily.dev/tags/graphql?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/backend-implementations/index.md b/src/data/roadmaps/graphql/content/backend-implementations/index.md deleted file mode 100644 index 78721601c..000000000 --- a/src/data/roadmaps/graphql/content/backend-implementations/index.md +++ /dev/null @@ -1,13 +0,0 @@ -# Backend Implementations - -There are several ways to implement a GraphQL backend, depending on the use case, the technology stack, and the complexity of the application. The most common ways to implement a GraphQL backend are: - -- Building a custom GraphQL server -- Using a GraphQL backend-as-a-service -- Wrapping a REST API with a GraphQL layer -- Using a microservices architecture - -Learn more from the following links: - -- [@article@How to use GraphQL to build Backend?](https://www.howtographql.com/typescript-apollo/0-introduction/) -- [@feed@Explore top posts about Backend Development](https://app.daily.dev/tags/backend?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/backend-implementations/mercurius.md b/src/data/roadmaps/graphql/content/backend-implementations/mercurius.md deleted file mode 100644 index cf49b4ec7..000000000 --- a/src/data/roadmaps/graphql/content/backend-implementations/mercurius.md +++ /dev/null @@ -1,5 +0,0 @@ -# Mercurius - -Mercurius is an open-source library for building real-time GraphQL servers in Node.js. It provides a simple and flexible way to build GraphQL servers by providing a set of tools and features for handling real-time subscriptions. - -One of the key features of Mercurius is that it is built on top of the popular WebSockets protocol and it allows the client to subscribe to real-time updates from the server. It also supports batching and caching of queries and mutations, which allows for efficient and fast data transfer between the client and server. diff --git a/src/data/roadmaps/graphql/content/batching@v9gVexHfDkpG9z3NL5S-9.md b/src/data/roadmaps/graphql/content/batching@v9gVexHfDkpG9z3NL5S-9.md new file mode 100644 index 000000000..2c0d5c179 --- /dev/null +++ b/src/data/roadmaps/graphql/content/batching@v9gVexHfDkpG9z3NL5S-9.md @@ -0,0 +1,3 @@ +# Batching + +Batching in GraphQL combines multiple queries into a single request to reduce network overhead and improve performance. DataLoader is a common pattern that batches and caches database requests, preventing N+1 query problems and optimizing data fetching efficiency. diff --git a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-http/caching.md b/src/data/roadmaps/graphql/content/caching@UYwuUVTeurwODV4_Kdt_W.md similarity index 69% rename from src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-http/caching.md rename to src/data/roadmaps/graphql/content/caching@UYwuUVTeurwODV4_Kdt_W.md index 92a19d50c..c310ed99d 100644 --- a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-http/caching.md +++ b/src/data/roadmaps/graphql/content/caching@UYwuUVTeurwODV4_Kdt_W.md @@ -1,5 +1,7 @@ # Caching +Caching in GraphQL improves performance by storing query results for reuse. Strategies include HTTP caching, response caching, dataloader for batching requests, and normalized caching at the client level to reduce redundant API calls and improve user experience. + Caching is a technique that is used to improve the performance of a GraphQL server by reducing the number of requests that need to be made to the data source. It works by storing a copy of the data that has been requested by a client in a cache, and then returning that data from the cache instead of the data source when the same data is requested again. There are several types of caching that can be used in GraphQL: diff --git a/src/data/roadmaps/graphql/content/defer--stream-directives@t6XxFB_lx27kS4FE2_GMH.md b/src/data/roadmaps/graphql/content/defer--stream-directives@t6XxFB_lx27kS4FE2_GMH.md new file mode 100644 index 000000000..9ebd7bdca --- /dev/null +++ b/src/data/roadmaps/graphql/content/defer--stream-directives@t6XxFB_lx27kS4FE2_GMH.md @@ -0,0 +1,7 @@ +# Defer & Stream Directives + +Defer and Stream directives are experimental GraphQL features for incremental data delivery. @defer postpones non-critical fields to improve initial response times, while @stream sends list items progressively, enabling better user experiences with large datasets and slow-loading fields. + +Learn more from the following links: + +- [@article@Defer and Stream in GraphQL](https://the-guild.dev/graphql/yoga-server/docs/features/defer-stream) diff --git a/src/data/roadmaps/graphql/content/directives@MnmwccPahqPCzOhqjfbsY.md b/src/data/roadmaps/graphql/content/directives@MnmwccPahqPCzOhqjfbsY.md new file mode 100644 index 000000000..6bf7f7a01 --- /dev/null +++ b/src/data/roadmaps/graphql/content/directives@MnmwccPahqPCzOhqjfbsY.md @@ -0,0 +1,7 @@ +# Directives + +Directives in GraphQL modify query execution by adding behavior or validation to fields, operations, and fragments. They can take arguments to configure behavior and include built-in directives like @include and @skip, or custom ones defined by developers for specific functionality. + +To learn more, visit the following links: + +- [@official@Directives in GraphQL](https://graphql.org/learn/queries/#directives) diff --git a/src/data/roadmaps/graphql/content/enums@wfOsfb0zSAIdNkwFHfBcw.md b/src/data/roadmaps/graphql/content/enums@wfOsfb0zSAIdNkwFHfBcw.md new file mode 100644 index 000000000..8e876e304 --- /dev/null +++ b/src/data/roadmaps/graphql/content/enums@wfOsfb0zSAIdNkwFHfBcw.md @@ -0,0 +1,7 @@ +# Enums + +Enums (enumeration types) are special scalars restricted to a particular set of allowed values. They validate arguments against allowed values and communicate through the type system that fields will always be one of a finite set of predefined options. + +Learn more from the following links: + +- [@official@What are Enums?](https://graphql.org/learn/schema/#enumeration-types) diff --git a/src/data/roadmaps/graphql/content/event-based-subscriptions@kJMyRhasBKfBypent3GxK.md b/src/data/roadmaps/graphql/content/event-based-subscriptions@kJMyRhasBKfBypent3GxK.md new file mode 100644 index 000000000..aea5368ac --- /dev/null +++ b/src/data/roadmaps/graphql/content/event-based-subscriptions@kJMyRhasBKfBypent3GxK.md @@ -0,0 +1,3 @@ +# Event-Based Subscriptions + +Event-based subscriptions in GraphQL provide real-time updates by subscribing to specific events or data changes. Clients maintain persistent connections through WebSockets to receive live updates when subscribed events occur, enabling reactive applications with real-time functionality. diff --git a/src/data/roadmaps/graphql/content/execution/index.md b/src/data/roadmaps/graphql/content/execution/index.md deleted file mode 100644 index 41d58b39c..000000000 --- a/src/data/roadmaps/graphql/content/execution/index.md +++ /dev/null @@ -1,8 +0,0 @@ -# Execution - -In GraphQL, execution refers to the process of executing a query or mutation and returning the result to the client. The execution process includes several steps such as parsing, validation, and data retrieval, that are performed by the GraphQL engine to produce the final response to the client. - -Learn more from the following links: - -- [@official@Get Started with Execution in GraphQL](https://graphql.org/learn/execution/) -- [@official@Intro to Execution](https://graphql.org/graphql-js/execution/) diff --git a/src/data/roadmaps/graphql/content/execution/resolvers/index.md b/src/data/roadmaps/graphql/content/execution/resolvers/index.md deleted file mode 100644 index a681e1d64..000000000 --- a/src/data/roadmaps/graphql/content/execution/resolvers/index.md +++ /dev/null @@ -1,9 +0,0 @@ -# Resolvers - -In GraphQL, a resolver is a function that is responsible for fetching the data for a field in a query or mutation. Resolvers are defined in the schema and are executed by the GraphQL server when a query or mutation is received. - -Each field in a GraphQL schema has a corresponding resolver function that is responsible for returning the data for that field. The resolver function can retrieve the data from a database, a third-party API, or any other source, and return it to the client. - -Learn more from the following links: - -- [@article@Guide to Resolver](https://the-guild.dev/blog/better-type-safety-for-resolvers-with-graphql-codegen) diff --git a/src/data/roadmaps/graphql/content/execution/validation.md b/src/data/roadmaps/graphql/content/execution/validation.md deleted file mode 100644 index 1d58dad55..000000000 --- a/src/data/roadmaps/graphql/content/execution/validation.md +++ /dev/null @@ -1,9 +0,0 @@ -# Validation - -In GraphQL, validation refers to the process of ensuring that a query or mutation adheres to the rules defined in the schema. This includes verifying that the query or mutation only accesses fields and types that are defined in the schema, and that the input values for fields are of the correct type and within the specified constraints. - -GraphQL servers perform validation on all incoming queries and mutations to ensure that they are valid before executing them. If a query or mutation is invalid, the server will return an error, indicating which parts of the query or mutation are invalid and why. - -Learn more from the following links: - -- [@official@Get Started with Validation in GraphQL](https://graphql.org/learn/validation/) diff --git a/src/data/roadmaps/graphql/content/execution@72wGg6yP8WnEdmkeKL9vh.md b/src/data/roadmaps/graphql/content/execution@72wGg6yP8WnEdmkeKL9vh.md new file mode 100644 index 000000000..7cc376b8d --- /dev/null +++ b/src/data/roadmaps/graphql/content/execution@72wGg6yP8WnEdmkeKL9vh.md @@ -0,0 +1,8 @@ +# Execution + +Execution in GraphQL is the process of running queries or mutations and returning results to clients. The GraphQL engine performs parsing, validation, and data retrieval steps to produce the final response, coordinating resolver functions to fetch data from various sources. + +Learn more from the following links: + +- [@official@Get Started with Execution in GraphQL](https://graphql.org/learn/execution/) +- [@official@Intro to Execution](https://graphql.org/graphql-js/execution/) \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/schema/fields.md b/src/data/roadmaps/graphql/content/fields@HPdntdgTar1T34CZX8Y6y.md similarity index 100% rename from src/data/roadmaps/graphql/content/schema/fields.md rename to src/data/roadmaps/graphql/content/fields@HPdntdgTar1T34CZX8Y6y.md diff --git a/src/data/roadmaps/graphql/content/fields@Pc9H7AcoqJQkWnuhbytyD.md b/src/data/roadmaps/graphql/content/fields@Pc9H7AcoqJQkWnuhbytyD.md new file mode 100644 index 000000000..3ce0f869f --- /dev/null +++ b/src/data/roadmaps/graphql/content/fields@Pc9H7AcoqJQkWnuhbytyD.md @@ -0,0 +1,7 @@ +# Fields + +Fields in GraphQL are individual pieces of data that can be queried or modified, representing properties of the requested data. They're defined in the GraphQL schema and serve as building blocks for queries and mutations, specifying what data is available for each type. + +Learn more from the following links: + +- [@official@GraphQL: Types and Fields](https://graphql.org/learn/queries/#fields) diff --git a/src/data/roadmaps/graphql/content/fragments@CehwjrCG_wbUU-TFNCuJn.md b/src/data/roadmaps/graphql/content/fragments@CehwjrCG_wbUU-TFNCuJn.md new file mode 100644 index 000000000..529e158ee --- /dev/null +++ b/src/data/roadmaps/graphql/content/fragments@CehwjrCG_wbUU-TFNCuJn.md @@ -0,0 +1,7 @@ +# Fragments + +Fragments in GraphQL are reusable pieces of queries that retrieve specific fields from one or more types. Defined with the "fragment" keyword, they promote code reuse, reduce duplication, and make complex queries more maintainable by separating common field selections. + +To learn more, visit the following links: + +- [@official@Intro to Fragments in GraphQL](https://graphql.org/learn/queries/#fragments) diff --git a/src/data/roadmaps/graphql/content/frontend-implementations/apollo-client.md b/src/data/roadmaps/graphql/content/frontend-implementations/apollo-client.md deleted file mode 100644 index f68adc401..000000000 --- a/src/data/roadmaps/graphql/content/frontend-implementations/apollo-client.md +++ /dev/null @@ -1,10 +0,0 @@ -# Apollo Client - -Apollo Client is a popular JavaScript library for building client applications that consume GraphQL APIs. It is developed and maintained by the Apollo team and is widely used in the industry. - -Apollo Client provides a set of features that make it easy to interact with a GraphQL server, such as querying, mutating, and subscribing to data. It also provides a caching system to store the results of previous queries, which improves the performance of the application. - -Learn more from the following links: - -- [@article@Why Apollo Client - Frontend?](https://www.howtographql.com/react-apollo/0-introduction/) -- [@feed@Explore top posts about Apollo](https://app.daily.dev/tags/apollo?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/frontend-implementations/index.md b/src/data/roadmaps/graphql/content/frontend-implementations/index.md deleted file mode 100644 index 005f0e7b1..000000000 --- a/src/data/roadmaps/graphql/content/frontend-implementations/index.md +++ /dev/null @@ -1,10 +0,0 @@ -# Frontend Implementations - -In GraphQL, the frontend refers to the client-side of the application, typically the web or mobile app that the end-user interacts with. - -When using GraphQL on the frontend, developers can use a GraphQL client library, such as Apollo Client or Relay, to interact with the GraphQL server. These libraries provide a way to easily send GraphQL queries and mutations to the server and handle the response. - -Learn more from the following links: - -- [@article@Guide to GraphQL for Front-End Developers](https://www.howtographql.com/react-apollo/0-introduction/) -- [@feed@Explore top posts about Frontend Development](https://app.daily.dev/tags/frontend?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/frontend-implementations/relay.md b/src/data/roadmaps/graphql/content/frontend-implementations/relay.md deleted file mode 100644 index 012d9e30f..000000000 --- a/src/data/roadmaps/graphql/content/frontend-implementations/relay.md +++ /dev/null @@ -1,9 +0,0 @@ -# Relay - -Relay is a JavaScript framework that was developed by Facebook to build data-driven applications using GraphQL. It provides a set of tools and conventions that make it easier to build efficient and scalable applications that use GraphQL. - -Relay is designed to work with GraphQL on the server and provides a set of client-side libraries for building client applications. It provides a set of components and hooks that make it easy to build efficient and scalable applications. - -Learn more from the following links: - -- [@article@GraphQL Code Generator & Relay Compiler](https://the-guild.dev/blog/graphql-codegen-relay-compiler) diff --git a/src/data/roadmaps/graphql/content/frontend-implementations/urql.md b/src/data/roadmaps/graphql/content/frontend-implementations/urql.md deleted file mode 100644 index 4973f36c5..000000000 --- a/src/data/roadmaps/graphql/content/frontend-implementations/urql.md +++ /dev/null @@ -1,7 +0,0 @@ -# URQL - -URQL is a highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow. It's built to be both easy to use for newcomers to GraphQL, and extensible, to grow to support dynamic single-app applications and highly customized GraphQL infrastructure. - -Visit the following resources to learn more: - -- [@article@urql - Formidable Labs](https://formidable.com/open-source/urql/) diff --git a/src/data/roadmaps/graphql/content/graphql-go@9nVo95gRNGHGIbaJQPH1x.md b/src/data/roadmaps/graphql/content/graphql-go@9nVo95gRNGHGIbaJQPH1x.md new file mode 100644 index 000000000..6695e5717 --- /dev/null +++ b/src/data/roadmaps/graphql/content/graphql-go@9nVo95gRNGHGIbaJQPH1x.md @@ -0,0 +1,3 @@ +# GraphQL Go + +GraphQL Go refers to implementing GraphQL servers and clients using the Go programming language. Popular libraries include graphql-go/graphql for schema-first development and 99designs/gqlgen for code-first generation. Go's strong typing and performance make it excellent for building scalable GraphQL APIs. \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/graphql-http@N-vsu-wvOikuoTbzdgX3X.md b/src/data/roadmaps/graphql/content/graphql-http@N-vsu-wvOikuoTbzdgX3X.md new file mode 100644 index 000000000..15d0fcc3d --- /dev/null +++ b/src/data/roadmaps/graphql/content/graphql-http@N-vsu-wvOikuoTbzdgX3X.md @@ -0,0 +1,3 @@ +# graphql-http + +GraphQL over HTTP is a specification that defines how GraphQL queries and mutations should be transported over HTTP. It standardizes request/response formats, HTTP methods, status codes, and headers, ensuring consistent GraphQL API communication across different implementations. \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/backend-implementations/graphql-http.md b/src/data/roadmaps/graphql/content/graphql-http@datKo3vPDwXoyVskcrdkc.md similarity index 100% rename from src/data/roadmaps/graphql/content/backend-implementations/graphql-http.md rename to src/data/roadmaps/graphql/content/graphql-http@datKo3vPDwXoyVskcrdkc.md diff --git a/src/data/roadmaps/graphql/content/graphql-introduction/graphql-on-the-backend.md b/src/data/roadmaps/graphql/content/graphql-introduction/graphql-on-the-backend.md deleted file mode 100644 index 0fc5effe9..000000000 --- a/src/data/roadmaps/graphql/content/graphql-introduction/graphql-on-the-backend.md +++ /dev/null @@ -1,12 +0,0 @@ -# GraphQL on the Backend - -In GraphQL, the backend refers to the server-side of the application, where the data is stored and processed. - -When using GraphQL on the backend, developers can create a GraphQL server that handles the incoming GraphQL queries and mutations from the frontend. This can be implemented using a GraphQL library or framework, such as Apollo Server, Express-GraphQL, or GraphQL-Java. - -The GraphQL server is responsible for handling the incoming queries and mutations, validating them against a schema, and executing them by fetching data from the database or other data sources. The server then returns the requested data to the client in a predictable format, as defined by the schema. - -Learn more from the following links: - -- [@article@How to use GraphQL in Backend?](https://www.howtographql.com/) -- [@feed@Explore top posts about Backend Development](https://app.daily.dev/tags/backend?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/graphql-introduction/graphql-on-the-frontend.md b/src/data/roadmaps/graphql/content/graphql-introduction/graphql-on-the-frontend.md deleted file mode 100644 index aa82f68c3..000000000 --- a/src/data/roadmaps/graphql/content/graphql-introduction/graphql-on-the-frontend.md +++ /dev/null @@ -1,12 +0,0 @@ -# GraphQL on the Frontend - -In GraphQL, the frontend refers to the client-side of the application, typically the web or mobile app that the end-user interacts with. - -When using GraphQL on the frontend, developers can use a GraphQL client library, such as Apollo Client or Relay, to interact with the GraphQL server. These libraries provide a way to easily send GraphQL queries and mutations to the server and handle the response. - -By using GraphQL on the frontend, developers can benefit from the flexibility and efficiency of GraphQL when querying data. Instead of having to make multiple REST API calls or hardcode data into the frontend, the client can specify exactly the data it needs in a single request, and the server will return it in a predictable format. - -Learn more from following links: - -- [@article@Get started with GraphQL on the frontend](https://www.howtographql.com/react-apollo/0-introduction/) -- [@feed@Explore top posts about Frontend Development](https://app.daily.dev/tags/frontend?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/graphql-introduction/index.md b/src/data/roadmaps/graphql/content/graphql-introduction/index.md deleted file mode 100644 index a33a5e90a..000000000 --- a/src/data/roadmaps/graphql/content/graphql-introduction/index.md +++ /dev/null @@ -1,13 +0,0 @@ -# GraphQL Introduction - -GraphQL is a query language and runtime for APIs. It is used to build and consume web service APIs. - -GraphQL allows clients to make a single API call to request exactly the data they need, in a predictable format. This allows for more efficient and flexible data retrieval, compared to traditional REST APIs where the client has to make multiple API calls to different endpoints, and may receive more data than it needs. - -With GraphQL, the client defines the structure of the data it needs, by sending a query to the server. The server then returns the requested data in the same structure, as defined by the query. The client can also make mutations to update or create data on the server. - -To learn more, visit the following links: - -- [@official@Introduction to GraphQL](https://graphql.org/learn/) -- [@official@Getting started with GraphQL](https://graphql.org/) -- [@feed@Explore top posts about GraphQL](https://app.daily.dev/tags/graphql?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/graphql-introduction/problems-graphql-solves.md b/src/data/roadmaps/graphql/content/graphql-introduction/problems-graphql-solves.md deleted file mode 100644 index 620bf0949..000000000 --- a/src/data/roadmaps/graphql/content/graphql-introduction/problems-graphql-solves.md +++ /dev/null @@ -1,13 +0,0 @@ -# Problems GraphQL Solves - -GraphQL solves several problems commonly faced when building APIs, including: - -- **Over-fetching:** With REST APIs, the client often receives more data than it needs, resulting in wasted bandwidth and slow performance. GraphQL allows the client to specify exactly the data it needs, reducing over-fetching. - -- **Under-fetching:** With REST, the client often has to make multiple requests to different endpoints to gather all the data it needs, resulting in additional latency and complexity. GraphQL allows the client to request all the necessary data in a single request. - -- **Inefficient versioning:** With REST, creating a new endpoint for each version of an API can quickly become cumbersome and hard to maintain. GraphQL allows for seamless versioning by adding new fields and types, rather than creating new endpoints. - -- **Lack of flexibility:** REST APIs are typically fixed, meaning that the client has to work with the data structure provided by the API. GraphQL allows the client to request exactly the data it needs and receive it in a predictable format, increasing flexibility. - -- **Microservice communicating** with Federation or Supergraph implementation you can easily query data from multiple microservice in one single query without code overhead or request overhead (if nothing requested from one microservice it wouldn't make a real network request for this data) diff --git a/src/data/roadmaps/graphql/content/graphql-introduction/thinking-in-graphs.md b/src/data/roadmaps/graphql/content/graphql-introduction/thinking-in-graphs.md deleted file mode 100644 index 51bf71089..000000000 --- a/src/data/roadmaps/graphql/content/graphql-introduction/thinking-in-graphs.md +++ /dev/null @@ -1,9 +0,0 @@ -# Thinking in Graphs - -"Thinking in Graphs" is a mindset or approach when working with GraphQL. It refers to the way that data is organized and queried in GraphQL, which is based on the concept of a graph. - -In GraphQL, data is represented as a graph, where nodes represent objects and edges represent relationships between them. This allows for a more flexible and intuitive way of querying data, as the client can specify exactly the data it needs by following the relationships between nodes in the graph. - -Learn more from the following links: - -- [@official@GraphQL - Thinking in Graphs](https://graphql.org/learn/thinking-in-graphs/) diff --git a/src/data/roadmaps/graphql/content/graphql-introduction/what-is-graphql.md b/src/data/roadmaps/graphql/content/graphql-introduction/what-is-graphql.md deleted file mode 100644 index 2630c1897..000000000 --- a/src/data/roadmaps/graphql/content/graphql-introduction/what-is-graphql.md +++ /dev/null @@ -1,11 +0,0 @@ -# What is GraphQL - -GraphQL is a query language for your API, and a server-side runtime for executing queries using a type system you define for your data. GraphQL isn't tied to any specific database or storage engine and is instead backed by your existing code and data. - -A GraphQL service is created by defining types and fields on those types, then providing functions for each field on each type. - -To learn more, visit the following links: - -- [@official@Introduction to graphQL](https://graphql.org/learn/) -- [@article@Tutorial - What is graphQL?](https://www.howtographql.com/basics/0-introduction/) -- [@feed@Explore top posts about GraphQL](https://app.daily.dev/tags/graphql?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/graphql-java@7szipojhVb2VoL3VcS619.md b/src/data/roadmaps/graphql/content/graphql-java@7szipojhVb2VoL3VcS619.md new file mode 100644 index 000000000..ab77bdb40 --- /dev/null +++ b/src/data/roadmaps/graphql/content/graphql-java@7szipojhVb2VoL3VcS619.md @@ -0,0 +1,3 @@ +# GraphQL Java + +GraphQL Java is a popular library for implementing GraphQL APIs in Java applications. It provides schema-first development capabilities, runtime query execution, and integrates well with Spring Boot and other Java frameworks, making it a solid choice for enterprise GraphQL implementations. \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/graphql-on-backend@ODQ8zrHc2rsc8PN-APKvz.md b/src/data/roadmaps/graphql/content/graphql-on-backend@ODQ8zrHc2rsc8PN-APKvz.md new file mode 100644 index 000000000..f739a3b59 --- /dev/null +++ b/src/data/roadmaps/graphql/content/graphql-on-backend@ODQ8zrHc2rsc8PN-APKvz.md @@ -0,0 +1,8 @@ +# GraphQL on the Backend + +GraphQL on the backend involves implementing servers that execute GraphQL queries, mutations, and subscriptions. It includes defining schemas, writing resolvers, handling data sources, implementing authentication/authorization, and optimizing performance through caching and batching strategies. + +Learn more from the following links: + +- [@article@How to use GraphQL in Backend?](https://www.howtographql.com/) +- [@feed@Explore top posts about Backend Development](https://app.daily.dev/tags/backend?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/graphql-on-frontend@6r9XbwlBtHmJrhviG2cTD.md b/src/data/roadmaps/graphql/content/graphql-on-frontend@6r9XbwlBtHmJrhviG2cTD.md new file mode 100644 index 000000000..f6766d698 --- /dev/null +++ b/src/data/roadmaps/graphql/content/graphql-on-frontend@6r9XbwlBtHmJrhviG2cTD.md @@ -0,0 +1,8 @@ +# GraphQL on the Frontend + +GraphQL on the frontend enables efficient data fetching with clients like Apollo, URQL, or Relay. It provides declarative data requirements, intelligent caching, real-time subscriptions, and type safety, allowing frontend applications to request exactly the data they need in a single query. + +Learn more from following links: + +- [@article@Get started with GraphQL on the frontend](https://www.howtographql.com/react-apollo/0-introduction/) +- [@feed@Explore top posts about Frontend Development](https://app.daily.dev/tags/frontend?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/graphql-over-http-spec@V3bgswBFr1xames3F8S_V.md b/src/data/roadmaps/graphql/content/graphql-over-http-spec@V3bgswBFr1xames3F8S_V.md new file mode 100644 index 000000000..da93ba454 --- /dev/null +++ b/src/data/roadmaps/graphql/content/graphql-over-http-spec@V3bgswBFr1xames3F8S_V.md @@ -0,0 +1,3 @@ +# GraphQL Over HTTP Spec + +The GraphQL over HTTP specification defines standard practices for serving GraphQL over HTTP, including request/response formats, status codes, and content types. It ensures interoperability between different GraphQL implementations and provides guidance for consistent API behavior across platforms. \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/graphql-queries/aliases.md b/src/data/roadmaps/graphql/content/graphql-queries/aliases.md deleted file mode 100644 index 919ad09f8..000000000 --- a/src/data/roadmaps/graphql/content/graphql-queries/aliases.md +++ /dev/null @@ -1,7 +0,0 @@ -# Aliases - -Aliases in GraphQL are a way to rename fields when they are requested in a query. They are useful in situations where a field is requested multiple times, but with different arguments, or when the field has a name that is not suitable for the client's usage. They make it easy to distinguish and work with fields in the response and make the query more readable. - -To learn more, visit the following links: - -- [@official@What are GraphQL Aliases?](https://graphql.org/learn/queries/#aliases) diff --git a/src/data/roadmaps/graphql/content/graphql-queries/arguments.md b/src/data/roadmaps/graphql/content/graphql-queries/arguments.md deleted file mode 100644 index 8ac7bfae0..000000000 --- a/src/data/roadmaps/graphql/content/graphql-queries/arguments.md +++ /dev/null @@ -1,7 +0,0 @@ -# Arguments - -Arguments in GraphQL are pieces of information that are passed to a field or a directive to specify additional details about how the field should be executed. They can be used to filter, sort, or paginate data, or to specify additional options when creating, updating, or deleting data. They can be passed as key-value pairs, defined as variables, and can be optional or required. - -Learn more from the following links: - -- [@official@GraphQL - Arguments](https://graphql.org/learn/queries/#arguments) diff --git a/src/data/roadmaps/graphql/content/graphql-queries/directives.md b/src/data/roadmaps/graphql/content/graphql-queries/directives.md deleted file mode 100644 index f85c4eff2..000000000 --- a/src/data/roadmaps/graphql/content/graphql-queries/directives.md +++ /dev/null @@ -1,7 +0,0 @@ -# Directives - -Directives in GraphQL are a way to modify the execution of a query or a field. They are used to add additional behavior or validation to a query or a field, and can be applied to fields, operations (queries and mutations) and fragments. Directives can take one or more arguments to configure their behavior, and can be defined by the developer or used one of the built-in directives provided by GraphQL. - -To learn more, visit the following links: - -- [@official@Directives in GraphQL](https://graphql.org/learn/queries/#directives) diff --git a/src/data/roadmaps/graphql/content/graphql-queries/fields.md b/src/data/roadmaps/graphql/content/graphql-queries/fields.md deleted file mode 100644 index b4293db52..000000000 --- a/src/data/roadmaps/graphql/content/graphql-queries/fields.md +++ /dev/null @@ -1,9 +0,0 @@ -# Fields - -In GraphQL, fields are the individual pieces of data that can be queried or modified. They represent the properties of the data being requested or modified, and are the building blocks of queries and mutations. - -Fields are defined in the GraphQL schema, which is a blueprint of the data that can be queried and modified. The schema defines the types of data that can be queried, and the fields that are available for each type. - -Learn more from the following links: - -- [@official@GraphQL: Types and Fields](https://graphql.org/learn/queries/#fields) diff --git a/src/data/roadmaps/graphql/content/graphql-queries/fragments.md b/src/data/roadmaps/graphql/content/graphql-queries/fragments.md deleted file mode 100644 index e7e3326cb..000000000 --- a/src/data/roadmaps/graphql/content/graphql-queries/fragments.md +++ /dev/null @@ -1,7 +0,0 @@ -# Fragments - -In GraphQL, a fragment is a reusable piece of a GraphQL query that can be used to retrieve specific fields from one or more types of data. A fragment is defined using the "fragment" keyword, followed by the name of the fragment and the type of data it is querying. The fields to be retrieved are then specified within curly braces. - -To learn more, visit the following links: - -- [@official@Intro to Fragments in GraphQL](https://graphql.org/learn/queries/#fragments) diff --git a/src/data/roadmaps/graphql/content/graphql-queries/variables.md b/src/data/roadmaps/graphql/content/graphql-queries/variables.md deleted file mode 100644 index 61a48cd81..000000000 --- a/src/data/roadmaps/graphql/content/graphql-queries/variables.md +++ /dev/null @@ -1,8 +0,0 @@ -# Variables - -Variables in GraphQL are a way to pass dynamic values to a query or a mutation. They allow the client to make a query more dynamic and flexible by passing in different values for the same argument. They are defined in the query or mutation using the **$** symbol followed by the variable name and a type, and their values must be passed in a separate JSON object. They also are type-safe, this means that variables must be passed values that are of the same type as defined in the query. - -To learn more, visit the following links: - -- [@article@GraphQL Variables](https://dgraph.io/docs/graphql/api/variables/) -- [@official@Intro to Variables in GraphQL](https://graphql.org/learn/queries/#variables) diff --git a/src/data/roadmaps/graphql/content/graphql-queries/what-are-queries.md b/src/data/roadmaps/graphql/content/graphql-queries/what-are-queries.md deleted file mode 100644 index 0e1bf6cb5..000000000 --- a/src/data/roadmaps/graphql/content/graphql-queries/what-are-queries.md +++ /dev/null @@ -1,7 +0,0 @@ -# What are Queries - -In GraphQL, a query is a request made by the client to the server to retrieve data. Queries are used to fetch data from the server and are structured as a hierarchical tree of fields, which correspond to the properties of the data being requested. - -Learn more from following links: - -- [@official@Introduction of GraphQL - Query](https://graphql.org/learn/queries/) diff --git a/src/data/roadmaps/graphql/content/graphql-queries/index.md b/src/data/roadmaps/graphql/content/graphql-queries@W_Lg8086ZhrIqtck1sgnb.md similarity index 96% rename from src/data/roadmaps/graphql/content/graphql-queries/index.md rename to src/data/roadmaps/graphql/content/graphql-queries@W_Lg8086ZhrIqtck1sgnb.md index 496bb653f..93e5aa3e6 100644 --- a/src/data/roadmaps/graphql/content/graphql-queries/index.md +++ b/src/data/roadmaps/graphql/content/graphql-queries@W_Lg8086ZhrIqtck1sgnb.md @@ -7,4 +7,4 @@ A GraphQL query is structured as a single object, with a "query" or "mutation" f To learn more, visit the following links: - [@official@What are GraphQL Queries?](https://graphql.org/learn/queries/) -- [@feed@Explore top posts about GraphQL](https://app.daily.dev/tags/graphql?ref=roadmapsh) +- [@feed@Explore top posts about GraphQL](https://app.daily.dev/tags/graphql?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/graphql-yoga@Gotb1xtxySCVC5MrnkPSs.md b/src/data/roadmaps/graphql/content/graphql-yoga@Gotb1xtxySCVC5MrnkPSs.md new file mode 100644 index 000000000..ac0bb481f --- /dev/null +++ b/src/data/roadmaps/graphql/content/graphql-yoga@Gotb1xtxySCVC5MrnkPSs.md @@ -0,0 +1,8 @@ +# GraphQL Yoga + +GraphQL Yoga is an open-source GraphQL server library for Node.js built on Express.js. It provides minimal boilerplate setup with built-in authentication, authorization, data validation, and subscription support for real-time updates, making GraphQL server development streamlined. + +Learn more from the following links: + +- [@article@GraphQL Armor - for Yoga Server 2](https://the-guild.dev/blog/improved-security-with-graphql-armor-support-for-yoga-server-2) +- [@feed@Explore top posts about GraphQL](https://app.daily.dev/tags/graphql?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/graphqljs@jCzrMElTo-c9xGcpPOOPl.md b/src/data/roadmaps/graphql/content/graphqljs@jCzrMElTo-c9xGcpPOOPl.md new file mode 100644 index 000000000..555e2ae84 --- /dev/null +++ b/src/data/roadmaps/graphql/content/graphqljs@jCzrMElTo-c9xGcpPOOPl.md @@ -0,0 +1,3 @@ +# GraphQL.js + +GraphQL.js is the reference implementation of GraphQL for JavaScript and Node.js. It provides the core functionality for parsing, validating, and executing GraphQL queries, serving as the foundation for many other GraphQL tools and libraries in the JavaScript ecosystem. \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/interfaces@tc_rjJZrr2x3bp8mcoQ0F.md b/src/data/roadmaps/graphql/content/interfaces@tc_rjJZrr2x3bp8mcoQ0F.md new file mode 100644 index 000000000..07b85d480 --- /dev/null +++ b/src/data/roadmaps/graphql/content/interfaces@tc_rjJZrr2x3bp8mcoQ0F.md @@ -0,0 +1,7 @@ +# Interfaces + +Interfaces in GraphQL define a set of fields that implementing types must include. They enable polymorphism by allowing common field querying across different types that implement the same interface, promoting code reuse and consistent API design. + +Learn more from the following links: + +- [@official@Get started with Interfaces](https://graphql.org/learn/schema/#interfaces) diff --git a/src/data/roadmaps/graphql/content/introduction@JfXwzkN29UGz17FYHHE3A.md b/src/data/roadmaps/graphql/content/introduction@JfXwzkN29UGz17FYHHE3A.md new file mode 100644 index 000000000..fb97b8f40 --- /dev/null +++ b/src/data/roadmaps/graphql/content/introduction@JfXwzkN29UGz17FYHHE3A.md @@ -0,0 +1,9 @@ +# GraphQL Introduction + +GraphQL is a query language and runtime for APIs that enables clients to request exactly the data they need in a single call. It provides a predictable format, reducing multiple API calls and eliminating over-fetching, making data retrieval more efficient than traditional REST APIs. + +To learn more, visit the following links: + +- [@official@Introduction to GraphQL](https://graphql.org/learn/) +- [@official@Getting started with GraphQL](https://graphql.org/) +- [@feed@Explore top posts about GraphQL](https://app.daily.dev/tags/graphql?ref=roadmapsh) \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/lists@d2ikbo4sZq7PmaCi5znkd.md b/src/data/roadmaps/graphql/content/lists@d2ikbo4sZq7PmaCi5znkd.md new file mode 100644 index 000000000..02c939bef --- /dev/null +++ b/src/data/roadmaps/graphql/content/lists@d2ikbo4sZq7PmaCi5znkd.md @@ -0,0 +1,7 @@ +# Lists + +Lists in GraphQL represent ordered collections of items, defined using square brackets around the item type. They can contain scalars, objects, or other lists, enabling complex nested data structures and array-based field returns in schemas. + +Learn more from the following links: + +- [@official@Get started with Lists](https://graphql.org/learn/schema/#lists-and-non-null) diff --git a/src/data/roadmaps/graphql/content/execution/resolvers/lists.md b/src/data/roadmaps/graphql/content/lists@sJ1_c3e08aehiqNMbIEEP.md similarity index 100% rename from src/data/roadmaps/graphql/content/execution/resolvers/lists.md rename to src/data/roadmaps/graphql/content/lists@sJ1_c3e08aehiqNMbIEEP.md diff --git a/src/data/roadmaps/graphql/content/live-queries@CHdzww8_TNfeM6Bp1oTPI.md b/src/data/roadmaps/graphql/content/live-queries@CHdzww8_TNfeM6Bp1oTPI.md new file mode 100644 index 000000000..8b1a2bbe2 --- /dev/null +++ b/src/data/roadmaps/graphql/content/live-queries@CHdzww8_TNfeM6Bp1oTPI.md @@ -0,0 +1,7 @@ +# Live Queries + +Live Queries automatically update query results when underlying data changes, providing real-time synchronization without manual subscription management. This advanced feature simplifies building reactive applications by maintaining fresh data automatically, though it requires specialized GraphQL implementations. + +Learn more from the following links: + +- [@article@GraphQL Live Queries](https://the-guild.dev/blog/collecting-graphql-live-query-resource-identifier-with-graphql-tools) diff --git a/src/data/roadmaps/graphql/content/mercurius@iTV2H8clmRTOksul4v38p.md b/src/data/roadmaps/graphql/content/mercurius@iTV2H8clmRTOksul4v38p.md new file mode 100644 index 000000000..049ef0201 --- /dev/null +++ b/src/data/roadmaps/graphql/content/mercurius@iTV2H8clmRTOksul4v38p.md @@ -0,0 +1,3 @@ +# Mercurius + +Mercurius is a high-performance GraphQL server library for Fastify, offering excellent performance and minimal memory usage. It provides schema-first development, built-in caching, subscriptions support, and integration with Fastify's ecosystem for building fast, scalable GraphQL APIs. diff --git a/src/data/roadmaps/graphql/content/multiple-fields-in-mutation@AySlY8AyI6jE-cy-qKKOU.md b/src/data/roadmaps/graphql/content/multiple-fields-in-mutation@AySlY8AyI6jE-cy-qKKOU.md new file mode 100644 index 000000000..872f16457 --- /dev/null +++ b/src/data/roadmaps/graphql/content/multiple-fields-in-mutation@AySlY8AyI6jE-cy-qKKOU.md @@ -0,0 +1,7 @@ +# Multiple Mutation Fields + +GraphQL allows multiple mutations in a single query by including multiple mutation fields, called batching or chaining mutations. This enables performing several data modifications atomically, improving efficiency and ensuring consistent state changes across related operations. + +Learn more from the following links: + +- [@official@Guide to Multiple fields in mutations](https://graphql.org/learn/queries/#multiple-fields-in-mutations) diff --git a/src/data/roadmaps/graphql/content/mutations/multiple-mutation-fields.md b/src/data/roadmaps/graphql/content/mutations/multiple-mutation-fields.md deleted file mode 100644 index 8cdee2289..000000000 --- a/src/data/roadmaps/graphql/content/mutations/multiple-mutation-fields.md +++ /dev/null @@ -1,7 +0,0 @@ -# Multiple Mutation Fields - -In GraphQL, it is possible to perform multiple mutations in a single query by including multiple "mutation" fields in the query. This is called "batching" or "chaining" mutations. - -Learn more from the following links: - -- [@official@Guide to Multiple fields in mutations](https://graphql.org/learn/queries/#multiple-fields-in-mutations) diff --git a/src/data/roadmaps/graphql/content/mutations/operation-name.md b/src/data/roadmaps/graphql/content/mutations/operation-name.md deleted file mode 100644 index e643e80a2..000000000 --- a/src/data/roadmaps/graphql/content/mutations/operation-name.md +++ /dev/null @@ -1,7 +0,0 @@ -# Operation Name - -In GraphQL, an operation name is an optional identifier that can be used to uniquely identify a query or a mutation in a document containing multiple operations. It can be used to provide more meaningful names for operations, making it easier to understand the purpose of the operation and to identify it in the event of an error. - -Learn more from the following resources: - -- [@official@Intro to Operation Name](https://graphql.org/learn/queries/#operation-name) diff --git a/src/data/roadmaps/graphql/content/mutations/what-are-mutations.md b/src/data/roadmaps/graphql/content/mutations/what-are-mutations.md deleted file mode 100644 index 57ecd4632..000000000 --- a/src/data/roadmaps/graphql/content/mutations/what-are-mutations.md +++ /dev/null @@ -1,9 +0,0 @@ -# What are Mutations - -In GraphQL, a mutation is a type of query used to make changes to data on the server. It is used to create, update, or delete data, and is structured similarly to a query, but with a "mutation" field at the top level instead of a "query" field. - -A mutation typically includes fields that specify the data to be changed and the operation to be performed (e.g. "create", "update", or "delete"). It can also include arguments to specify the specific data to be affected. - -Learn more from the following resources: - -- [@official@Get started with Mutations](https://graphql.org/learn/mutations/) diff --git a/src/data/roadmaps/graphql/content/mutations/index.md b/src/data/roadmaps/graphql/content/mutations@jy_91mhFWbpR6sYVbuX1x.md similarity index 95% rename from src/data/roadmaps/graphql/content/mutations/index.md rename to src/data/roadmaps/graphql/content/mutations@jy_91mhFWbpR6sYVbuX1x.md index 5498bf81e..01c8c9622 100644 --- a/src/data/roadmaps/graphql/content/mutations/index.md +++ b/src/data/roadmaps/graphql/content/mutations@jy_91mhFWbpR6sYVbuX1x.md @@ -6,4 +6,4 @@ The mutation includes fields that specify the data to be changed, the operation To learn more, visit the following links: -- [@official@Getting started with Mutations](https://graphql.org/learn/queries/#mutations) +- [@official@Getting started with Mutations](https://graphql.org/learn/queries/#mutations) \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/objects@LX9vZpx7yKlf0iR6AtBWz.md b/src/data/roadmaps/graphql/content/objects@LX9vZpx7yKlf0iR6AtBWz.md new file mode 100644 index 000000000..ea1fadc5e --- /dev/null +++ b/src/data/roadmaps/graphql/content/objects@LX9vZpx7yKlf0iR6AtBWz.md @@ -0,0 +1,8 @@ +# Objects + +Objects in GraphQL are types that represent groups of fields, defining the structure of queries and mutations. Each field can return scalar values or other objects, enabling complex nested data structures. Objects are defined using the "type" keyword followed by the name and field definitions. + +To learn more, visit the following: + +- [@official@Object Types and Fields](https://graphql.org/learn/schema/#object-types-and-fields) +- [@official@Object Types](https://graphql.org/graphql-js/object-types/) diff --git a/src/data/roadmaps/graphql/content/operation-name@q9TYEygvUyHourdZIvk8G.md b/src/data/roadmaps/graphql/content/operation-name@q9TYEygvUyHourdZIvk8G.md new file mode 100644 index 000000000..cdd4e7634 --- /dev/null +++ b/src/data/roadmaps/graphql/content/operation-name@q9TYEygvUyHourdZIvk8G.md @@ -0,0 +1,7 @@ +# Operation Name + +Operation names are optional identifiers for GraphQL queries and mutations that help uniquely identify operations in documents with multiple operations. They provide meaningful names for operations, improve debugging, and make error identification easier in complex applications. + +Learn more from the following resources: + +- [@official@Intro to Operation Name](https://graphql.org/learn/queries/#operation-name) diff --git a/src/data/roadmaps/graphql/content/pagination.md b/src/data/roadmaps/graphql/content/pagination.md deleted file mode 100644 index 75b2b7c1a..000000000 --- a/src/data/roadmaps/graphql/content/pagination.md +++ /dev/null @@ -1,13 +0,0 @@ -# Pagination - -Pagination in GraphQL refers to the process of breaking up large sets of data into smaller chunks, also known as pages, and providing a way to navigate between these pages. This allows clients to retrieve a specific subset of data, rather than having to retrieve all of the data at once, which can be beneficial for performance, especially when working with large datasets. - -There are several ways to implement pagination in GraphQL: - -- Cursor-based pagination -- Offset-based pagination -- Relay-style pagination - -To learn more, visit the following links: - -- [@official@Get Started with Pagination](https://graphql.org/learn/pagination/) diff --git a/src/data/roadmaps/graphql/content/pagination@Uf8XxJPs7RzKVhlxiQdbB.md b/src/data/roadmaps/graphql/content/pagination@Uf8XxJPs7RzKVhlxiQdbB.md new file mode 100644 index 000000000..8368ca286 --- /dev/null +++ b/src/data/roadmaps/graphql/content/pagination@Uf8XxJPs7RzKVhlxiQdbB.md @@ -0,0 +1,7 @@ +# Pagination + +Pagination in GraphQL handles large datasets by breaking them into smaller chunks. Common approaches include cursor-based pagination (using cursors for stable pagination) and offset-based pagination (using skip/take), with cursor-based being preferred for performance and consistency. + +To learn more, visit the following links: + +- [@official@Get Started with Pagination](https://graphql.org/learn/pagination/) diff --git a/src/data/roadmaps/graphql/content/problems-graphql-solves@2rlmLn_yQQV-7DpX1qT98.md b/src/data/roadmaps/graphql/content/problems-graphql-solves@2rlmLn_yQQV-7DpX1qT98.md new file mode 100644 index 000000000..2c8307a13 --- /dev/null +++ b/src/data/roadmaps/graphql/content/problems-graphql-solves@2rlmLn_yQQV-7DpX1qT98.md @@ -0,0 +1,3 @@ +# Problems GraphQL Solves + +GraphQL solves major API problems including over-fetching (getting unnecessary data), under-fetching (multiple requests needed), inefficient versioning, and lack of flexibility. It enables precise data requests, single queries for multiple resources, seamless versioning through schema evolution, and microservice communication through federation. diff --git a/src/data/roadmaps/graphql/content/execution/producing-the-result.md b/src/data/roadmaps/graphql/content/producing-the-result@zQHifboRreE4OgJ7GnUlp.md similarity index 100% rename from src/data/roadmaps/graphql/content/execution/producing-the-result.md rename to src/data/roadmaps/graphql/content/producing-the-result@zQHifboRreE4OgJ7GnUlp.md diff --git a/src/data/roadmaps/graphql/content/realtime@2YLm_S1j_832pb1OGSNaM.md b/src/data/roadmaps/graphql/content/realtime@2YLm_S1j_832pb1OGSNaM.md new file mode 100644 index 000000000..53e3e0421 --- /dev/null +++ b/src/data/roadmaps/graphql/content/realtime@2YLm_S1j_832pb1OGSNaM.md @@ -0,0 +1,7 @@ +# Realtime + +Realtime GraphQL enables live data updates through subscriptions, allowing clients to receive instant notifications when data changes. Implemented using WebSockets, Server-Sent Events, or polling, it's essential for chat applications, live feeds, and collaborative tools requiring immediate data synchronization. + +Learn more from the following links: + +- [@article@Get Started with Real Time with GraphQL](https://the-guild.dev/blog/subscriptions-and-live-queries-real-time-with-graphql) diff --git a/src/data/roadmaps/graphql/content/relay@Ab_ngkf6bmejvcp9okuw6.md b/src/data/roadmaps/graphql/content/relay@Ab_ngkf6bmejvcp9okuw6.md new file mode 100644 index 000000000..7efb4ff9f --- /dev/null +++ b/src/data/roadmaps/graphql/content/relay@Ab_ngkf6bmejvcp9okuw6.md @@ -0,0 +1,7 @@ +# Relay + +Relay is Facebook's GraphQL client designed for React applications, emphasizing performance and data consistency. It uses a declarative approach with fragments, automatic query optimization, pagination handling, and strict conventions for building scalable, efficient GraphQL applications. + +Learn more from the following links: + +- [@article@GraphQL Code Generator & Relay Compiler](https://the-guild.dev/blog/graphql-codegen-relay-compiler) diff --git a/src/data/roadmaps/graphql/content/resolvers@VDur5xYBC0LJtQgDrSEyj.md b/src/data/roadmaps/graphql/content/resolvers@VDur5xYBC0LJtQgDrSEyj.md new file mode 100644 index 000000000..9a9dcb1c4 --- /dev/null +++ b/src/data/roadmaps/graphql/content/resolvers@VDur5xYBC0LJtQgDrSEyj.md @@ -0,0 +1,7 @@ +# Resolvers + +Resolvers are functions responsible for fetching data for each field in GraphQL queries and mutations. Defined in the schema and executed by the GraphQL server, they retrieve data from databases, APIs, or other sources and return it to clients. + +Learn more from the following links: + +- [@article@Guide to Resolver](https://the-guild.dev/blog/better-type-safety-for-resolvers-with-graphql-codegen) \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/execution/root-fields.md b/src/data/roadmaps/graphql/content/root-fields@AlJlHZD3_SPoLNaqdM-pB.md similarity index 100% rename from src/data/roadmaps/graphql/content/execution/root-fields.md rename to src/data/roadmaps/graphql/content/root-fields@AlJlHZD3_SPoLNaqdM-pB.md diff --git a/src/data/roadmaps/graphql/content/execution/resolvers/scalar-coercion.md b/src/data/roadmaps/graphql/content/scalar-coercion@QFUOmJlPkkjpcl1vJxg9h.md similarity index 100% rename from src/data/roadmaps/graphql/content/execution/resolvers/scalar-coercion.md rename to src/data/roadmaps/graphql/content/scalar-coercion@QFUOmJlPkkjpcl1vJxg9h.md diff --git a/src/data/roadmaps/graphql/content/scalars@U-tLelmNQtR-pUq-sxU_2.md b/src/data/roadmaps/graphql/content/scalars@U-tLelmNQtR-pUq-sxU_2.md new file mode 100644 index 000000000..d636dccfa --- /dev/null +++ b/src/data/roadmaps/graphql/content/scalars@U-tLelmNQtR-pUq-sxU_2.md @@ -0,0 +1,7 @@ +# Scalars + +Scalars are "leaf" values in GraphQL representing primitive data types. Built-in scalars include String, Int, Float, Boolean, and ID for unique identifiers. Custom scalars can be defined for specific needs like dates, JSON, or large integers, extending the type system beyond basic primitives. + +Learn more from the following links: + +- [@official@Get started with Scalars in GraphQL](https://graphql.org/learn/schema/#scalar-types) diff --git a/src/data/roadmaps/graphql/content/schema/enums.md b/src/data/roadmaps/graphql/content/schema/enums.md deleted file mode 100644 index 485e035dd..000000000 --- a/src/data/roadmaps/graphql/content/schema/enums.md +++ /dev/null @@ -1,10 +0,0 @@ -# Enums - -Enums also called as enumeration types are a special kind of scalar that is restricted to a particular set of allowed values. This allows you to: - -- Validate that any arguments of this type are one of the allowed values -- Communicate through the type system that a field will always be one of a finite set of values - -Learn more from the following links: - -- [@official@What are Enums?](https://graphql.org/learn/schema/#enumeration-types) diff --git a/src/data/roadmaps/graphql/content/schema/index.md b/src/data/roadmaps/graphql/content/schema/index.md deleted file mode 100644 index eab3e8d95..000000000 --- a/src/data/roadmaps/graphql/content/schema/index.md +++ /dev/null @@ -1,9 +0,0 @@ -# Schema - -In GraphQL, a schema is a blueprint that defines the types, fields, and operations (queries and mutations) that are available to clients. The schema is the contract between the client and the server, specifying what data can be requested and how it can be modified. - -A GraphQL schema is defined using the GraphQL Schema Definition Language (SDL), which is a human-readable syntax for defining the structure of a GraphQL API. The SDL includes keywords such as **type**, **query**, **mutation**, **field**, and **argument** to define the different components of a schema. - -Learn more from the following links: - -- [@official@Get started with Schema](https://graphql.org/learn/schema/) diff --git a/src/data/roadmaps/graphql/content/schema/interfaces.md b/src/data/roadmaps/graphql/content/schema/interfaces.md deleted file mode 100644 index 387b870ae..000000000 --- a/src/data/roadmaps/graphql/content/schema/interfaces.md +++ /dev/null @@ -1,9 +0,0 @@ -# Interfaces - -In GraphQL, an interface is a type that defines a set of fields that a type must implement. Interfaces are defined using the interface keyword, and can be used to define common fields for multiple types. - -In GraphQL, lists can also be used within interfaces to define the return type for fields. - -Learn more from the following links: - -- [@official@Get started with Interfaces](https://graphql.org/learn/schema/#interfaces) diff --git a/src/data/roadmaps/graphql/content/schema/lists.md b/src/data/roadmaps/graphql/content/schema/lists.md deleted file mode 100644 index 6ca6b0596..000000000 --- a/src/data/roadmaps/graphql/content/schema/lists.md +++ /dev/null @@ -1,9 +0,0 @@ -# Lists - -In GraphQL, a list is a type that represents an ordered collection of items. Lists are defined using square brackets, with the type of the items inside. - -Lists are used to represent an array of items in a GraphQL schema, and can be used as the return type for a field in an object type. Lists can contain any type of items, including scalars and other objects, and can also be nested within other lists. - -Learn more from the following links: - -- [@official@Get started with Lists](https://graphql.org/learn/schema/#lists-and-non-null) diff --git a/src/data/roadmaps/graphql/content/schema/objects.md b/src/data/roadmaps/graphql/content/schema/objects.md deleted file mode 100644 index 7b9ee0674..000000000 --- a/src/data/roadmaps/graphql/content/schema/objects.md +++ /dev/null @@ -1,8 +0,0 @@ -# Objects - -In GraphQL, an object is a type that represents a group of fields. Objects can be used to define the structure of a query or a mutation. Each field of an object can return a scalar value (such as a string or an integer) or another object, allowing for the creation of complex, nested data structures. In a GraphQL schema, objects are defined using the **type** keyword, followed by the object's name and a set of fields in curly braces. - -To learn more, visit the following: - -- [@official@Object Types and Fields](https://graphql.org/learn/schema/#object-types-and-fields) -- [@official@Object Types](https://graphql.org/graphql-js/object-types/) diff --git a/src/data/roadmaps/graphql/content/schema/scalars.md b/src/data/roadmaps/graphql/content/schema/scalars.md deleted file mode 100644 index 5cba8610a..000000000 --- a/src/data/roadmaps/graphql/content/schema/scalars.md +++ /dev/null @@ -1,17 +0,0 @@ -# Scalars - -Scalars are “leaf” values in GraphQL. There are several built-in scalars, and you can define custom scalars, too. (Enums are also leaf values.) The built-in scalars are: - -- **String**, like a JSON or Ruby string -- **Int**, like a JSON or Ruby integer -- **Float**, like a JSON or Ruby floating point decimal -- **Boolean**, like a JSON or Ruby boolean (true or false) -- **ID**, which a specialized String for representing unique object identifiers -- **ISO8601DateTime**, an ISO 8601-encoded datetime -- **ISO8601Date**, an ISO 8601-encoded date -- **JSON**, This returns arbitrary JSON (Ruby hashes, arrays, strings, integers, floats, booleans and nils). Take care: by using this type, you completely lose all GraphQL type safety. Consider building object types for your data instead. -- **BigInt**, a numeric value which may exceed the size of a 32-bit integer - -Learn more from the following links: - -- [@official@Get started with Scalars in GraphQL](https://graphql.org/learn/schema/#scalar-types) diff --git a/src/data/roadmaps/graphql/content/schema/type-system.md b/src/data/roadmaps/graphql/content/schema/type-system.md deleted file mode 100644 index 2e37af205..000000000 --- a/src/data/roadmaps/graphql/content/schema/type-system.md +++ /dev/null @@ -1,13 +0,0 @@ -# Type System - -GraphQL is a strongly typed language. Type System defines various data types that can be used in a GraphQL application. The type system helps to define the schema, which is a contract between client and server. The commonly used GraphQL data types are as follows: - -- Scalar -- Object -- Query -- Mutation -- Enum - -Learn more from the following links: - -- [@official@Get started with Type system](https://graphql.org/learn/schema/#type-system) diff --git a/src/data/roadmaps/graphql/content/schema/unions.md b/src/data/roadmaps/graphql/content/schema/unions.md deleted file mode 100644 index 0f079776e..000000000 --- a/src/data/roadmaps/graphql/content/schema/unions.md +++ /dev/null @@ -1,9 +0,0 @@ -# Unions - -Unions are useful in cases where a field can return multiple types and you want to handle those types differently in your client. They also allow for more flexibility in how you structure your schema, as you can group types together that share common fields. - -Unions don't allow to specify a common set of fields to be queried across multiple types, but it allows to handle multiple types differently in your client. - -Learn more from the following links: - -- [@official@Get started with Union in GraphQL](https://graphql.org/learn/schema/#union-types) diff --git a/src/data/roadmaps/graphql/content/schema@lj1WEh4WbfBsoZFYsi1Yz.md b/src/data/roadmaps/graphql/content/schema@lj1WEh4WbfBsoZFYsi1Yz.md new file mode 100644 index 000000000..284ce7286 --- /dev/null +++ b/src/data/roadmaps/graphql/content/schema@lj1WEh4WbfBsoZFYsi1Yz.md @@ -0,0 +1,7 @@ +# Schema + +A GraphQL schema defines the structure and capabilities of a GraphQL API using Schema Definition Language (SDL). It specifies types, fields, arguments, relationships, and root operations (Query, Mutation, Subscription) that serve as entry points, acting as a contract between client and server. + +Visit the following resources to learn more: + +- [@official@What is Schema?](https://graphql.org/learn/schema/) \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-http/batching.md b/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-http/batching.md deleted file mode 100644 index 242450378..000000000 --- a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-http/batching.md +++ /dev/null @@ -1,9 +0,0 @@ -# Batching - -Batching in GraphQL refers to the process of sending multiple queries or mutations in a single request. This allows the client to reduce the number of round trips to the server, and can improve the performance of the application. - -There are several ways to implement batching in GraphQL: - -- Using a batching library: This approach involves using a library such as apollo-link-batch-http, which provides a way to batch multiple queries or mutations into a single request. -- Using a middleware: This approach involves using a middleware such as graphql-batch, which allows you to batch multiple queries or mutations into a single request. -- Using a serverless function: This approach involves using a serverless function such as AWS Lambda, which allows you to batch multiple queries or mutations into a single request. diff --git a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-http/index.md b/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-http/index.md deleted file mode 100644 index 1733fdd55..000000000 --- a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-http/index.md +++ /dev/null @@ -1,10 +0,0 @@ -# GraphQL over HTTP - -GraphQL over HTTP refers to the ability to send GraphQL queries and mutations over the HTTP protocol. This allows clients to interact with a GraphQL server using the same standard HTTP methods and headers that are used for other types of web requests. - -The most common way to send GraphQL queries and mutations over HTTP is by using the **POST** method, where the query or mutation is sent in the request body as a JSON payload. The server will then execute the query or mutation and return the result in the response body. - -To learn more, visit the following links: - -- [@official@Serving over HTTP](https://graphql.org/learn/serving-over-http/) -- [@feed@Explore top posts about GraphQL](https://app.daily.dev/tags/graphql?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-sse/index.md b/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-sse/index.md deleted file mode 100644 index 5b216e8fb..000000000 --- a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-sse/index.md +++ /dev/null @@ -1,12 +0,0 @@ -# GraphQL Over SSE - -GraphQL over SSE (Server-Sent Events) is a way to use the Server-Sent Events (SSE) protocol to send real-time updates from the server to the client over a single HTTP connection. - -SSE is a simple and efficient protocol for sending real-time updates from the server to the client over a single HTTP connection. It's supported by most modern web browsers and it's easy to implement on the server side. - -To implement GraphQL over SSE, you can use a library such as graphql-sse which provides a way to send GraphQL updates over SSE. This library allows you to handle SSE connections and events, and to send and receive GraphQL updates over the SSE connection. - -To learn more, visit the following links: - -- [@article@Overview of GraphQL over SSE (Server-Sent Events)](https://the-guild.dev/blog/graphql-over-sse) -- [@feed@Explore top posts about GraphQL](https://app.daily.dev/tags/graphql?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-websockets/index.md b/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-websockets/index.md deleted file mode 100644 index 62c91a168..000000000 --- a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-websockets/index.md +++ /dev/null @@ -1,8 +0,0 @@ -# GraphQL Over Websockets - -The WebSocket API is an advanced technology that makes it possible to open a two-way interactive communication session between the user's browser and a server. With this API, you can send messages to a server and receive event-driven responses without having to poll the server for a reply. - -Learn more from the following links: - -- [@article@GraphQL over WebSockets](https://the-guild.dev/blog/graphql-over-websockets) -- [@feed@Explore top posts about GraphQL](https://app.daily.dev/tags/graphql?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-websockets/real-time.md b/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-websockets/real-time.md deleted file mode 100644 index 787cefd6b..000000000 --- a/src/data/roadmaps/graphql/content/serving-over-internet/graphql-over-websockets/real-time.md +++ /dev/null @@ -1,7 +0,0 @@ -# Real Time - -Real-time in GraphQL refers to the ability to receive real-time updates from a GraphQL server. This allows clients to receive updates from the server as soon as they occur, rather than having to periodically poll the server for new data. - -Learn more from the following links: - -- [@article@Get Started with Real Time with GraphQL](https://the-guild.dev/blog/subscriptions-and-live-queries-real-time-with-graphql) diff --git a/src/data/roadmaps/graphql/content/serving-over-internet/index.md b/src/data/roadmaps/graphql/content/serving-over-internet@inhjhH-7xJyX8o4DQqErF.md similarity index 89% rename from src/data/roadmaps/graphql/content/serving-over-internet/index.md rename to src/data/roadmaps/graphql/content/serving-over-internet@inhjhH-7xJyX8o4DQqErF.md index e343d1baf..0dec42c83 100644 --- a/src/data/roadmaps/graphql/content/serving-over-internet/index.md +++ b/src/data/roadmaps/graphql/content/serving-over-internet@inhjhH-7xJyX8o4DQqErF.md @@ -1,4 +1,4 @@ -# Serving Over Internet +# Serving over Internet Serving GraphQL over the internet refers to the process of making a GraphQL server available to clients over the internet, typically by exposing the server's endpoint through a public IP address or a domain name. @@ -10,4 +10,4 @@ There are several ways to serve a GraphQL server over the internet: To learn more, visit the following links: -- [@official@Introduction to Serving over HTTPs](https://graphql.org/learn/serving-over-http/) +- [@official@Introduction to Serving over HTTPs](https://graphql.org/learn/serving-over-http/) \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/specification@A-PQ3_FVuCK3Eud75hsdj.md b/src/data/roadmaps/graphql/content/specification@A-PQ3_FVuCK3Eud75hsdj.md new file mode 100644 index 000000000..6d8012f8f --- /dev/null +++ b/src/data/roadmaps/graphql/content/specification@A-PQ3_FVuCK3Eud75hsdj.md @@ -0,0 +1,3 @@ +# Specification + +The GraphQL specification is the official standard that defines the GraphQL query language, type system, execution algorithm, and validation rules. It ensures consistency across different GraphQL implementations and serves as the authoritative reference for developers building GraphQL services and tools. \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/specification@O8k-m6s9B_uXkLsXKVFnL.md b/src/data/roadmaps/graphql/content/specification@O8k-m6s9B_uXkLsXKVFnL.md new file mode 100644 index 000000000..30feee8d3 --- /dev/null +++ b/src/data/roadmaps/graphql/content/specification@O8k-m6s9B_uXkLsXKVFnL.md @@ -0,0 +1,3 @@ +# Specification + +The GraphQL specification defines the core language, type system, execution model, and validation rules for GraphQL. Maintained by the GraphQL Foundation, it provides the technical foundation that all GraphQL implementations must follow to ensure interoperability and consistency across platforms. \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/subscriptions/defer-stream-directives.md b/src/data/roadmaps/graphql/content/subscriptions/defer-stream-directives.md deleted file mode 100644 index 602f52d6a..000000000 --- a/src/data/roadmaps/graphql/content/subscriptions/defer-stream-directives.md +++ /dev/null @@ -1,9 +0,0 @@ -# Defer Stream Directives - -In GraphQL, the "defer" and "stream" directives are used to control the handling of fields and their associated data. These directives allow developers to control how data is fetched and sent over the network, and can be used to optimize the performance of a GraphQL API. - -The "defer" directive is used to delay the fetching of a field's data until the data is actually needed by the client. This can be useful for improving the performance of an API by reducing the amount of data that needs to be fetched upfront. - -Learn more from the following links: - -- [@article@Defer and Stream in GraphQL](https://the-guild.dev/graphql/yoga-server/docs/features/defer-stream) diff --git a/src/data/roadmaps/graphql/content/subscriptions/event-based-subscriptions.md b/src/data/roadmaps/graphql/content/subscriptions/event-based-subscriptions.md deleted file mode 100644 index 125905b12..000000000 --- a/src/data/roadmaps/graphql/content/subscriptions/event-based-subscriptions.md +++ /dev/null @@ -1,5 +0,0 @@ -# Event Based Subscriptions - -Event-based subscriptions in GraphQL are a way to push real-time updates to the client based on specific events that occur on the server. These events can be triggered by external sources such as user actions, sensor data, or other systems, or by internal actions such as database updates. - -With event-based subscriptions, the client can subscribe to a specific event or set of events and receive updates in real-time as soon as the event occurs. This allows the client to receive notifications about important changes in the system without the need to constantly poll the server for updates. diff --git a/src/data/roadmaps/graphql/content/subscriptions/live-queries.md b/src/data/roadmaps/graphql/content/subscriptions/live-queries.md deleted file mode 100644 index ace415e6c..000000000 --- a/src/data/roadmaps/graphql/content/subscriptions/live-queries.md +++ /dev/null @@ -1,9 +0,0 @@ -# Live Queries - -In GraphQL, live queries, also known as "real-time queries" or "subscriptions to queries", is a way to push real-time updates to the client, when the data that is being queried changes on the server. It allows the client to subscribe to a specific query and receive updates in real-time as soon as the data changes. - -With live queries, the client can subscribe to a specific query and receive updates when the data that is being queried changes on the server. The client can also specify the fields and arguments of the query, and the server will only send updates for the fields that the client has requested. - -Learn more from the following links: - -- [@article@GraphQL Live Queries](https://the-guild.dev/blog/collecting-graphql-live-query-resource-identifier-with-graphql-tools) diff --git a/src/data/roadmaps/graphql/content/subscriptions/what-are-subscriptions.md b/src/data/roadmaps/graphql/content/subscriptions/what-are-subscriptions.md deleted file mode 100644 index e1d2f47d8..000000000 --- a/src/data/roadmaps/graphql/content/subscriptions/what-are-subscriptions.md +++ /dev/null @@ -1,9 +0,0 @@ -# What are Subscriptions - -In GraphQL, subscriptions are a way to push real-time updates to the client. They allow a client to subscribe to a specific event or data change on the server, and receive updates in real-time as soon as the event occurs or the data changes. - -Subscriptions are defined on the server and are structured similar to queries and mutations. They have a "subscription" field at the top level, followed by the fields that define the event or data change to be subscribed to. - -To learn more, visit the following links: - -- [@article@How GraphQL Subscriptions Work?](https://the-guild.dev/blog/subscriptions-and-live-queries-real-time-with-graphql) diff --git a/src/data/roadmaps/graphql/content/subscriptions/index.md b/src/data/roadmaps/graphql/content/subscriptions@IbEqXlGjsyNLKE9dZrPPk.md similarity index 97% rename from src/data/roadmaps/graphql/content/subscriptions/index.md rename to src/data/roadmaps/graphql/content/subscriptions@IbEqXlGjsyNLKE9dZrPPk.md index 6b9683912..b341ceb93 100644 --- a/src/data/roadmaps/graphql/content/subscriptions/index.md +++ b/src/data/roadmaps/graphql/content/subscriptions@IbEqXlGjsyNLKE9dZrPPk.md @@ -6,4 +6,4 @@ A subscription includes a "subscription" field at the top level, followed by the Learn more from following links: -- [@article@Subscriptions and Live Queries - Real Time with GraphQL](https://the-guild.dev/blog/subscriptions-and-live-queries-real-time-with-graphql) +- [@article@Subscriptions and Live Queries - Real Time with GraphQL](https://the-guild.dev/blog/subscriptions-and-live-queries-real-time-with-graphql) \ No newline at end of file diff --git a/src/data/roadmaps/graphql/content/execution/resolvers/synchronous.md b/src/data/roadmaps/graphql/content/synchronous@uPpsj2kCdgKsJpmTaw86u.md similarity index 100% rename from src/data/roadmaps/graphql/content/execution/resolvers/synchronous.md rename to src/data/roadmaps/graphql/content/synchronous@uPpsj2kCdgKsJpmTaw86u.md diff --git a/src/data/roadmaps/graphql/content/thinking-in-graphs@J5mU0v491qrm-mr1W3Msd.md b/src/data/roadmaps/graphql/content/thinking-in-graphs@J5mU0v491qrm-mr1W3Msd.md new file mode 100644 index 000000000..4ec8885a0 --- /dev/null +++ b/src/data/roadmaps/graphql/content/thinking-in-graphs@J5mU0v491qrm-mr1W3Msd.md @@ -0,0 +1,7 @@ +# Thinking in Graphs + +"Thinking in Graphs" is a GraphQL mindset where data is organized as a graph with nodes (objects) and edges (relationships). This approach allows flexible and intuitive querying by following relationships between connected data points, making complex data retrieval more natural and efficient. + +Learn more from the following links: + +- [@official@GraphQL - Thinking in Graphs](https://graphql.org/learn/thinking-in-graphs/) diff --git a/src/data/roadmaps/graphql/content/type-system@jpu0_FAlxtD-H80mPcod5.md b/src/data/roadmaps/graphql/content/type-system@jpu0_FAlxtD-H80mPcod5.md new file mode 100644 index 000000000..848de740b --- /dev/null +++ b/src/data/roadmaps/graphql/content/type-system@jpu0_FAlxtD-H80mPcod5.md @@ -0,0 +1,7 @@ +# Type System + +GraphQL is strongly typed with a type system that defines data types available in applications. It includes Scalar, Object, Query, Mutation, and Enum types. The type system defines the schema, acting as a contract between client and server for predictable API interactions. + +Learn more from the following links: + +- [@official@Get started with Type system](https://graphql.org/learn/schema/#type-system) diff --git a/src/data/roadmaps/graphql/content/unions@59COH3rerJJzKr6vrj4bF.md b/src/data/roadmaps/graphql/content/unions@59COH3rerJJzKr6vrj4bF.md new file mode 100644 index 000000000..3a4999dd9 --- /dev/null +++ b/src/data/roadmaps/graphql/content/unions@59COH3rerJJzKr6vrj4bF.md @@ -0,0 +1,7 @@ +# Unions + +Unions allow fields to return multiple types, enabling different handling for various types in clients. They provide schema flexibility by grouping types together, though they don't allow common field querying across types like interfaces do. + +Learn more from the following links: + +- [@official@Get started with Union in GraphQL](https://graphql.org/learn/schema/#union-types) diff --git a/src/data/roadmaps/graphql/content/urql@WP0Oo_YMfLBlXqDQQtKes.md b/src/data/roadmaps/graphql/content/urql@WP0Oo_YMfLBlXqDQQtKes.md new file mode 100644 index 000000000..b22bd83ad --- /dev/null +++ b/src/data/roadmaps/graphql/content/urql@WP0Oo_YMfLBlXqDQQtKes.md @@ -0,0 +1,7 @@ +# URQL + +URQL is a lightweight, highly customizable GraphQL client for React, Vue, and Svelte. It provides caching, real-time subscriptions, offline support, and a modular architecture with exchanges for extending functionality, offering an alternative to Apollo Client with better performance. + +Visit the following resources to learn more: + +- [@article@urql - Formidable Labs](https://formidable.com/open-source/urql/) diff --git a/src/data/roadmaps/graphql/content/validation@I4wNBXV4xEZ0LWBhv5FwF.md b/src/data/roadmaps/graphql/content/validation@I4wNBXV4xEZ0LWBhv5FwF.md new file mode 100644 index 000000000..3e55e4cad --- /dev/null +++ b/src/data/roadmaps/graphql/content/validation@I4wNBXV4xEZ0LWBhv5FwF.md @@ -0,0 +1,7 @@ +# Validation + +Validation in GraphQL ensures queries and mutations adhere to schema rules by verifying field access, type correctness, and input constraints. GraphQL servers validate all incoming operations before execution, returning errors for invalid queries with specific details about violations. + +Learn more from the following links: + +- [@official@Get Started with Validation in GraphQL](https://graphql.org/learn/validation/) diff --git a/src/data/roadmaps/graphql/content/validation.md b/src/data/roadmaps/graphql/content/validation@iYkHCKTsjtvo40f3eZoet.md similarity index 100% rename from src/data/roadmaps/graphql/content/validation.md rename to src/data/roadmaps/graphql/content/validation@iYkHCKTsjtvo40f3eZoet.md diff --git a/src/data/roadmaps/graphql/content/variables@YZaFEK547FYricfOuANvH.md b/src/data/roadmaps/graphql/content/variables@YZaFEK547FYricfOuANvH.md new file mode 100644 index 000000000..8792427f1 --- /dev/null +++ b/src/data/roadmaps/graphql/content/variables@YZaFEK547FYricfOuANvH.md @@ -0,0 +1,8 @@ +# Variables + +Variables in GraphQL pass dynamic values to queries and mutations, making them flexible and reusable. Defined with the $ symbol and a type, their values are passed in a separate JSON object. Variables are type-safe, ensuring values match the defined types. + +To learn more, visit the following links: + +- [@article@GraphQL Variables](https://dgraph.io/docs/graphql/api/variables/) +- [@official@Intro to Variables in GraphQL](https://graphql.org/learn/queries/#variables) diff --git a/src/data/roadmaps/graphql/content/what-are-mutations@9Q2pGidY-rfkltHq3vChp.md b/src/data/roadmaps/graphql/content/what-are-mutations@9Q2pGidY-rfkltHq3vChp.md new file mode 100644 index 000000000..800b807cd --- /dev/null +++ b/src/data/roadmaps/graphql/content/what-are-mutations@9Q2pGidY-rfkltHq3vChp.md @@ -0,0 +1,7 @@ +# What are Mutations + +Mutations in GraphQL are operations used to modify data on the server - creating, updating, or deleting records. They're structured like queries but use the "mutation" field at the top level and include fields specifying the data to be changed and the operation type. + +Learn more from the following resources: + +- [@official@Get started with Mutations](https://graphql.org/learn/mutations/) diff --git a/src/data/roadmaps/graphql/content/what-are-queries@2SU4dcaz7zwGsF7g8FjmI.md b/src/data/roadmaps/graphql/content/what-are-queries@2SU4dcaz7zwGsF7g8FjmI.md new file mode 100644 index 000000000..1afd607a2 --- /dev/null +++ b/src/data/roadmaps/graphql/content/what-are-queries@2SU4dcaz7zwGsF7g8FjmI.md @@ -0,0 +1,7 @@ +# What are Queries + +In GraphQL, queries are client requests to retrieve data from the server. They're structured as hierarchical trees of fields that correspond to the properties of the requested data, allowing clients to specify exactly what data they need in a predictable format. + +Learn more from following links: + +- [@official@Introduction of GraphQL - Query](https://graphql.org/learn/queries/) diff --git a/src/data/roadmaps/graphql/content/what-are-subscriptions@RlBc-hWEUOPaEQLTgJa-K.md b/src/data/roadmaps/graphql/content/what-are-subscriptions@RlBc-hWEUOPaEQLTgJa-K.md new file mode 100644 index 000000000..84b7e48eb --- /dev/null +++ b/src/data/roadmaps/graphql/content/what-are-subscriptions@RlBc-hWEUOPaEQLTgJa-K.md @@ -0,0 +1,7 @@ +# What are Subscriptions + +Subscriptions in GraphQL enable real-time updates by allowing clients to subscribe to specific events or data changes on the server. They're structured like queries with a "subscription" field at the top level and push updates to clients as soon as events occur. + +To learn more, visit the following links: + +- [@article@How GraphQL Subscriptions Work?](https://the-guild.dev/blog/subscriptions-and-live-queries-real-time-with-graphql) diff --git a/src/data/roadmaps/graphql/content/what-is-graphql@cMfsRtvzvDZZJ0TqeUOxm.md b/src/data/roadmaps/graphql/content/what-is-graphql@cMfsRtvzvDZZJ0TqeUOxm.md new file mode 100644 index 000000000..3ee14fca8 --- /dev/null +++ b/src/data/roadmaps/graphql/content/what-is-graphql@cMfsRtvzvDZZJ0TqeUOxm.md @@ -0,0 +1,9 @@ +# What is GraphQL + +GraphQL is a query language for APIs and server-side runtime that lets clients request exactly the data they need. Unlike REST, it uses a type system to define data structure and allows fetching multiple resources in a single request, reducing over-fetching and under-fetching problems. + +To learn more, visit the following links: + +- [@official@Introduction to graphQL](https://graphql.org/learn/) +- [@article@Tutorial - What is graphQL?](https://www.howtographql.com/basics/0-introduction/) +- [@feed@Explore top posts about GraphQL](https://app.daily.dev/tags/graphql?ref=roadmapsh) diff --git a/src/data/roadmaps/graphql/graphql.json b/src/data/roadmaps/graphql/graphql.json index 1d864c470..fbaa20672 100644 --- a/src/data/roadmaps/graphql/graphql.json +++ b/src/data/roadmaps/graphql/graphql.json @@ -1,2 +1,4384 @@ - -{"mockup":{"controls":{"control":[{"ID":"8099","typeID":"Arrow","zOrder":"0","w":"1","h":"286","measuredW":"150","measuredH":"100","x":"597","y":"1694","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","rightArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.4438624012549725,"y":-0.00008403832147459167},"p2":{"x":0,"y":286.1591837857379}}},{"ID":"8100","typeID":"Arrow","zOrder":"1","w":"171","h":"1","measuredW":"150","measuredH":"100","x":"618","y":"1636","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":170.2568873142808,"y":-0.33333333333325754},"p1":{"x":0.5,"y":0},"p2":{"x":-0.4873068151357529,"y":-0.33333333333325754}}},{"ID":"8101","typeID":"Arrow","zOrder":"2","w":"171","h":"1","measuredW":"150","measuredH":"100","x":"289","y":"1685","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":170.2568873142808,"y":-0.33333333333325754},"p1":{"x":0.5,"y":0},"p2":{"x":-0.4873068151357529,"y":-0.33333333333325754}}},{"ID":"8102","typeID":"Arrow","zOrder":"3","w":"1","h":"204","measuredW":"150","measuredH":"100","x":"597","y":"1422","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","p0":{"x":0,"y":203.9489460564091},"p1":{"x":0.5,"y":0},"p2":{"x":0,"y":0.41187346119659196}}},{"ID":"8103","typeID":"Arrow","zOrder":"4","w":"1","h":"231","measuredW":"150","measuredH":"100","x":"597","y":"1187","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","p0":{"x":0,"y":231.90548734293156},"p1":{"x":0.5,"y":0},"p2":{"x":0,"y":0.41187346119659196}}},{"ID":"8104","typeID":"Arrow","zOrder":"5","w":"170","h":"76","measuredW":"150","measuredH":"100","x":"647","y":"1430","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":169.63134238207817,"y":75.47418088166773},"p1":{"x":0.3084929073047626,"y":-0.1593730272164304},"p2":{"x":-0.4873068151357529,"y":-0.33333333333325754}}},{"ID":"8105","typeID":"Arrow","zOrder":"6","w":"174","h":"50","measuredW":"150","measuredH":"100","x":"647","y":"1370","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":173.8600961461624,"y":-0.15010566235218903},"p1":{"x":0.3989410921162404,"y":0.0928968894330121},"p2":{"x":-0.4873068151357529,"y":49.66666666666674}}},{"ID":"8106","typeID":"Arrow","zOrder":"7","w":"136","h":"1","measuredW":"150","measuredH":"100","x":"625","y":"1182","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","p0":{"x":135.46137249475214,"y":0},"p1":{"x":0.5003620041750365,"y":0.000010309641868442138},"p2":{"x":-0.1629140492678971,"y":0}}},{"ID":"8107","typeID":"Arrow","zOrder":"8","w":"171","h":"1","measuredW":"150","measuredH":"100","x":"290","y":"1425","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":170.2568873142808,"y":-0.33333333333325754},"p1":{"x":0.5,"y":0},"p2":{"x":-0.4873068151357529,"y":-0.33333333333325754}}},{"ID":"8108","typeID":"Arrow","zOrder":"9","w":"92","h":"76","measuredW":"150","measuredH":"100","x":"432","y":"1095","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":91,"y":76},"p1":{"x":0.5037961962945972,"y":0.2165404130225926},"p2":{"x":0,"y":0}}},{"ID":"8109","typeID":"Arrow","zOrder":"10","w":"98","h":"59","measuredW":"150","measuredH":"100","x":"426","y":"1191","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":98,"y":0},"p1":{"x":0.6562090340640424,"y":-0.20033673139229707},"p2":{"x":0,"y":59}}},{"ID":"8110","typeID":"Arrow","zOrder":"11","w":"334","h":"1","measuredW":"150","measuredH":"100","x":"285","y":"1182","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":334,"y":0},"p1":{"x":0.4997639282341844,"y":-0.0004990019960078705},"p2":{"x":0,"y":0}}},{"ID":"8111","typeID":"Arrow","zOrder":"12","w":"209","h":"107","measuredW":"150","measuredH":"100","x":"779","y":"1067","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","p0":{"x":209,"y":0},"p1":{"x":0.6162382546994787,"y":-0.1825914488504046},"p2":{"x":0.018560935773280107,"y":107.34892809600183}}},{"ID":"8112","typeID":"Arrow","zOrder":"13","w":"1","h":"82","measuredW":"150","measuredH":"100","x":"1035","y":"1050","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","stroke":"dotted","color":"10027263","p0":{"x":0,"y":0.008428402580989314},"p1":{"x":0.5,"y":0},"p2":{"x":0,"y":81.63801198563283}}},{"ID":"8113","typeID":"Arrow","zOrder":"14","w":"1","h":"92","measuredW":"150","measuredH":"100","x":"1168","y":"1050","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","stroke":"dotted","color":"10027263","p0":{"x":0,"y":0},"p1":{"x":0.5,"y":0},"p2":{"x":0,"y":91.56065948267815}}},{"ID":"8114","typeID":"Arrow","zOrder":"15","w":"206","h":"120","measuredW":"150","measuredH":"100","x":"780","y":"932","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","p0":{"x":205.25449685243927,"y":119.16922665423931},"p1":{"x":0.5694268377138603,"y":0.20684328208811933},"p2":{"x":-0.28605844349635845,"y":-0.30189383398658265}}},{"ID":"8115","typeID":"Arrow","zOrder":"16","w":"118","h":"138","measuredW":"150","measuredH":"100","x":"861","y":"771","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":117.19363717799206,"y":-0.20390823351146992},"p1":{"x":0.520754716981132,"y":0.08846960167714851},"p2":{"x":-0.4873573961285729,"y":137.70835901809085}}},{"ID":"8116","typeID":"Arrow","zOrder":"17","w":"118","h":"96","measuredW":"150","measuredH":"100","x":"861","y":"823","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":117.19363717799206,"y":-0.04983109270801833},"p1":{"x":0.5279390196599086,"y":0.101462632198872},"p2":{"x":-0.4873573961285729,"y":95.63100651513605}}},{"ID":"8117","typeID":"Arrow","zOrder":"18","w":"119","h":"56","measuredW":"150","measuredH":"100","x":"862","y":"872","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":118.86820523649476,"y":0.42967798959261927},"p1":{"x":0.4869450258896113,"y":0.07017737137820862},"p2":{"x":-0.0698363251220826,"y":56.55365401218114}}},{"ID":"8118","typeID":"Arrow","zOrder":"19","w":"136","h":"4","measuredW":"150","measuredH":"100","x":"859","y":"932","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":135.8239574564367,"y":-0.06821506978110392},"p1":{"x":0.5,"y":0},"p2":{"x":0.09512153286505054,"y":3.641259367213479}}},{"ID":"8119","typeID":"Arrow","zOrder":"20","w":"1","h":"264","measuredW":"150","measuredH":"100","x":"781","y":"655","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","p0":{"x":0,"y":264.23461901339067},"p1":{"x":0.5,"y":0},"p2":{"x":0,"y":0.41187346119659196}}},{"ID":"8120","typeID":"Arrow","zOrder":"21","w":"119","h":"41","measuredW":"150","measuredH":"100","x":"858","y":"668","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":118.37694944014106,"y":40.91851061753732},"p1":{"x":0.56879239181546,"y":-0.07536562568397247},"p2":{"x":-0.32239953814143973,"y":0.43853748249716773}}},{"ID":"8121","typeID":"Arrow","zOrder":"22","w":"116","h":"40","measuredW":"150","measuredH":"100","x":"858","y":"607","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","stroke":"dotted","p0":{"x":115.8537720264593,"y":-0.008585929735886566},"p1":{"x":0.5058536585365925,"y":0.08731707317075121},"p2":{"x":-0.32239953814143973,"y":40.17572141740038}}},{"ID":"8122","typeID":"Arrow","zOrder":"23","w":"142","h":"4","measuredW":"150","measuredH":"100","x":"856","y":"655","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","p0":{"x":141.8239574564367,"y":-0.06821506978110392},"p1":{"x":0.5,"y":0},"p2":{"x":0.26007939085207,"y":3.515889985451963},"stroke":"dotted"}},{"ID":"8123","typeID":"Arrow","zOrder":"24","w":"329","h":"6","measuredW":"150","measuredH":"100","x":"463","y":"659","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","p0":{"x":329,"y":0},"p1":{"x":0.5003620041750366,"y":0.000010309641868442141},"p2":{"x":0,"y":5}}},{"ID":"8124","typeID":"Arrow","zOrder":"25","w":"1","h":"79","measuredW":"150","measuredH":"100","x":"377","y":"655","properties":{"p0":{"x":0,"y":0},"p1":{"x":0.5,"y":0},"p2":{"x":0,"y":79.41187346119659},"curvature":"0","leftArrow":"false","rightArrow":"false","stroke":"dotted","color":"10027263"}},{"ID":"8125","typeID":"Arrow","zOrder":"26","w":"1","h":"157","measuredW":"150","measuredH":"100","x":"214","y":"577","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","stroke":"dotted","color":"10027263","p0":{"x":0,"y":0.008428402580989314},"p1":{"x":0.5,"y":0},"p2":{"x":0,"y":157.4118734611966}}},{"ID":"8126","typeID":"Arrow","zOrder":"27","w":"266","h":"182","measuredW":"150","measuredH":"100","x":"457","y":"467","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","rightArrow":"false","p0":{"x":266,"y":0},"p1":{"x":0.5196733105235347,"y":0.11635559109419528},"p2":{"x":-0.48086263296750076,"y":182.30200302391006}}},{"ID":"8127","typeID":"Arrow","zOrder":"28","w":"141","h":"24","measuredW":"150","measuredH":"100","x":"828","y":"428","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":141.77760262907304,"y":-0.1525493288161215},"p1":{"x":0.36923672994963214,"y":0.07129019759783038},"p2":{"x":0.47966746289046114,"y":23.81763610116127}}},{"ID":"8128","typeID":"Arrow","zOrder":"29","w":"153","h":"1","measuredW":"150","measuredH":"100","x":"396","y":"458","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":152.95996652791177,"y":0.8639909285249132},"p1":{"x":0.4382716049382716,"y":-0.006172839506172837},"p2":{"x":0.04614429332008285,"y":0.8639909285249132}}},{"ID":"8129","typeID":"Arrow","zOrder":"30","h":"26","measuredW":"150","measuredH":"100","x":"823","y":"462","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":150.56236874959575,"y":26.403708599547826},"p1":{"x":0.32978996756534207,"y":-0.06771016810341422},"p2":{"x":0.43331263552681776,"y":-0.08965424411138656}}},{"ID":"8130","typeID":"Arrow","zOrder":"31","h":"41","measuredW":"150","measuredH":"100","x":"396","y":"470","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":149.17520040738896,"y":0.4798779969340785},"p1":{"x":0.4552212800557557,"y":-0.05494250203275635},"p2":{"x":-0.4342686862449341,"y":41.80245913628414}}},{"ID":"8131","typeID":"Arrow","zOrder":"32","w":"19","h":"76","measuredW":"150","measuredH":"100","x":"704","y":"210","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"10027263","p0":{"x":13,"y":0},"p1":{"x":0.5175865027166142,"y":-0.2113239919931367},"p2":{"x":19,"y":76},"stroke":"dotted"}},{"ID":"8132","typeID":"Label","zOrder":"33","measuredW":"117","measuredH":"36","x":"677","y":"297","properties":{"size":"28","text":"GraphQL"}},{"ID":"8133","typeID":"Arrow","zOrder":"34","w":"22","h":"103","measuredW":"150","measuredH":"100","x":"737","y":"343","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","rightArrow":"false","p0":{"x":11.029393501935488,"y":0.059418606001656826},"p1":{"x":0.49551800146950753,"y":0.1519470977222632},"p2":{"x":-0.3249048596328521,"y":103.50969256695669}}},{"ID":"8138","typeID":"Arrow","zOrder":"36","w":"151","h":"40","measuredW":"150","measuredH":"100","x":"390","y":"405","properties":{"color":"2848996","curvature":"-1","direction":"top","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":151.39043428686625,"y":40.24810386011575},"p1":{"x":0.4298167791706848,"y":0.059749276759884305},"p2":{"x":-0.10435297027072465,"y":0.4883788108002136}}},{"ID":"8139","typeID":"__group__","zOrder":"37","measuredW":"340","measuredH":"50","w":"340","h":"50","x":"534","y":"434","properties":{"controlName":"100-graphql-introduction"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"340","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"187","measuredH":"25","x":"76","y":"12","properties":{"size":"17","text":"Introduction to GraphQL"}}]}}},{"ID":"8140","typeID":"__group__","zOrder":"38","measuredW":"264","measuredH":"44","w":"264","h":"44","x":"137","y":"385","properties":{"controlName":"100-graphql-introduction:what-is-graphql"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"264","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"132","measuredH":"25","x":"66","y":"10","properties":{"size":"17","text":"What is GraphQL"}}]}}},{"ID":"8141","typeID":"__group__","zOrder":"39","measuredW":"264","measuredH":"44","w":"264","h":"44","x":"137","y":"436","properties":{"controlName":"101-graphql-introduction:problems-graphql-solves"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"264","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"202","measuredH":"25","x":"31","y":"10","properties":{"size":"17","text":"Problems GraphQL Solves"}}]}}},{"ID":"8142","typeID":"__group__","zOrder":"40","measuredW":"264","measuredH":"44","w":"264","h":"44","x":"137","y":"486","properties":{"controlName":"102-graphql-introduction:thinking-in-graphs"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"264","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"144","measuredH":"25","x":"60","y":"10","properties":{"size":"17","text":"Thinking in Graphs"}}]}}},{"ID":"8143","typeID":"__group__","zOrder":"41","measuredW":"264","measuredH":"44","w":"264","h":"44","x":"967","y":"409","properties":{"controlName":"103-graphql-introduction:graphql-on-the-frontend"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"264","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"198","measuredH":"25","x":"33","y":"10","properties":{"size":"17","text":"GraphQL on the Frontend"}}]}}},{"ID":"8144","typeID":"__group__","zOrder":"42","measuredW":"264","measuredH":"44","w":"264","h":"44","x":"967","y":"457","properties":{"controlName":"104-graphql-introduction:graphql-on-the-backend"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"264","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"196","measuredH":"25","x":"34","y":"10","properties":{"size":"17","text":"GraphQL on the Backend"}}]}}},{"ID":"8145","typeID":"__group__","zOrder":"43","measuredW":"340","measuredH":"50","w":"340","h":"50","x":"137","y":"631","properties":{"controlName":"101-graphql-queries"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"340","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"137","measuredH":"25","x":"101","y":"12","properties":{"size":"17","text":"GraphQL Queries"}}]}}},{"ID":"8146","typeID":"__group__","zOrder":"44","measuredW":"209","measuredH":"44","w":"209","h":"44","x":"137","y":"565","properties":{"controlName":"100-graphql-queries:what-are-queries"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"209","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"136","measuredH":"25","x":"37","y":"10","properties":{"size":"17","text":"What are Queries"}}]}}},{"ID":"8147","typeID":"__group__","zOrder":"45","measuredW":"156","measuredH":"44","w":"156","h":"44","x":"137","y":"704","properties":{"controlName":"101-graphql-queries:fields"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"156","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"47","measuredH":"25","x":"54","y":"9","properties":{"size":"17","text":"Fields"}}]}}},{"ID":"8148","typeID":"__group__","zOrder":"46","measuredW":"156","measuredH":"44","w":"156","h":"44","x":"137","y":"753","properties":{"controlName":"102-graphql-queries:aliases"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"156","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"55","measuredH":"25","x":"50","y":"9","properties":{"size":"17","text":"Aliases"}}]}}},{"ID":"8149","typeID":"__group__","zOrder":"47","measuredW":"156","measuredH":"44","w":"156","h":"44","x":"137","y":"803","properties":{"controlName":"103-graphql-queries:arguments"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"156","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"83","measuredH":"25","x":"36","y":"9","properties":{"size":"17","text":"Arguments"}}]}}},{"ID":"8150","typeID":"__group__","zOrder":"48","measuredW":"148","measuredH":"143","w":"148","h":"143","x":"298","y":"704","properties":{"controlName":"105-graphql-queries:variables"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"119","h":"121","measuredW":"200","measuredH":"140","x":"18","y":"22"},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"71","measuredH":"25","x":"44","y":"107","properties":{"size":"17","text":"Variables"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"148","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"3","typeID":"Label","zOrder":"3","measuredW":"81","measuredH":"25","x":"33","y":"9","properties":{"size":"17","text":"Definitions"}},{"ID":"4","typeID":"TextArea","zOrder":"4","w":"148","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"49","properties":{"color":"16770457"}},{"ID":"5","typeID":"Label","zOrder":"5","measuredW":"64","measuredH":"25","x":"42","y":"58","properties":{"size":"17","text":"Defaults"}}]}}},{"ID":"8151","typeID":"__group__","zOrder":"49","measuredW":"308","measuredH":"142","w":"308","h":"142","x":"137","y":"856","properties":{"controlName":"106-graphql-queries:fragments"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"119","h":"119","measuredW":"200","measuredH":"140","x":"178","y":"0"},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"83","measuredH":"25","x":"196","y":"16","properties":{"size":"17","text":"Fragments"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"308","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"48","properties":{"color":"16770457"}},{"ID":"3","typeID":"Label","zOrder":"3","measuredW":"176","measuredH":"25","x":"66","y":"58","properties":{"size":"17","text":"Variables in Fragments"}},{"ID":"4","typeID":"TextArea","zOrder":"4","w":"308","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"98","properties":{"color":"16770457"}},{"ID":"5","typeID":"Label","zOrder":"5","measuredW":"237","measuredH":"25","x":"35","y":"107","properties":{"size":"17","text":"Inline Fragments / Meta Fields"}}]}}},{"ID":"8152","typeID":"__group__","zOrder":"50","measuredW":"156","measuredH":"44","w":"156","h":"44","x":"137","y":"853","properties":{"controlName":"104-graphql-queries:directives"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"156","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"77","measuredH":"25","x":"39","y":"9","properties":{"size":"17","text":"Directives"}}]}}},{"ID":"8153","typeID":"__group__","zOrder":"51","measuredW":"198","measuredH":"50","w":"198","h":"50","x":"675","y":"633","properties":{"controlName":"102-mutations"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"198","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"76","measuredH":"25","x":"61","y":"12","properties":{"size":"17","text":"Mutations"}}]}}},{"ID":"8154","typeID":"__group__","zOrder":"52","measuredW":"264","measuredH":"44","w":"264","h":"44","x":"967","y":"587","properties":{"controlName":"100-mutations:what-are-mutations"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"264","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"159","measuredH":"25","x":"52","y":"10","properties":{"size":"17","text":"What are Mutations?"}}]}}},{"ID":"8155","typeID":"__group__","zOrder":"53","measuredW":"264","measuredH":"44","w":"264","h":"44","x":"967","y":"635","properties":{"controlName":"101-mutations:multiple-mutation-fields"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"264","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"210","measuredH":"25","x":"27","y":"10","properties":{"size":"17","text":"Multiple Fields in Mutations"}}]}}},{"ID":"8156","typeID":"__group__","zOrder":"54","measuredW":"264","measuredH":"44","w":"264","h":"44","x":"967","y":"684","properties":{"controlName":"102-mutations:operation-name"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"264","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"128","measuredH":"25","x":"68","y":"10","properties":{"size":"17","text":"Operation Name"}}]}}},{"ID":"8157","typeID":"__group__","zOrder":"55","measuredW":"198","measuredH":"50","w":"198","h":"50","x":"675","y":"895","properties":{"controlName":"103-subscriptions"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"198","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"100","measuredH":"25","x":"49","y":"12","properties":{"size":"17","text":"Subscriptions"}}]}}},{"ID":"8158","typeID":"__group__","zOrder":"56","measuredW":"270","measuredH":"44","w":"270","h":"44","x":"965","y":"758","properties":{"controlName":"100-subscriptions:what-are-subscriptions"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"270","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"177","measuredH":"25","x":"46","y":"9","properties":{"size":"17","text":"What are Subscriptions"}}]}}},{"ID":"8159","typeID":"__group__","zOrder":"57","measuredW":"270","measuredH":"44","w":"270","h":"44","x":"965","y":"807","properties":{"controlName":"101-subscriptions:event-based-subscriptions"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"270","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"206","measuredH":"25","x":"32","y":"9","properties":{"size":"17","text":"Event Based Subscriptions"}}]}}},{"ID":"8160","typeID":"__group__","zOrder":"58","measuredW":"270","measuredH":"44","w":"270","h":"44","x":"965","y":"856","properties":{"controlName":"102-subscriptions:live-queries"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"270","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"98","measuredH":"25","x":"86","y":"9","properties":{"size":"17","text":"Live Queries"}}]}}},{"ID":"8161","typeID":"__group__","zOrder":"59","measuredW":"270","measuredH":"44","w":"270","h":"44","x":"965","y":"905","properties":{"controlName":"103-subscriptions:defer-stream-directives"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"270","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"221","measuredH":"25","x":"24","y":"9","properties":{"size":"17","text":"@defer / @stream directives"}}]}}},{"ID":"8162","typeID":"__group__","zOrder":"60","measuredW":"264","measuredH":"44","w":"264","h":"44","x":"971","y":"1036","properties":{"controlName":"104-schema"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"264","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"63","measuredH":"25","x":"100","y":"9","properties":{"size":"17","text":"Schema"}}]}}},{"ID":"8163","typeID":"__group__","zOrder":"61","measuredW":"254","measuredH":"44","w":"254","h":"44","x":"971","y":"1112","properties":{"controlName":"100-schema:type-system"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"254","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"97","measuredH":"25","x":"78","y":"9","properties":{"size":"17","text":"Type System"}}]}}},{"ID":"8164","typeID":"__group__","zOrder":"62","measuredW":"122","measuredH":"44","w":"122","h":"44","x":"971","y":"1163","properties":{"controlName":"101-schema:fields"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"122","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"47","measuredH":"25","x":"37","y":"9","properties":{"size":"17","text":"Fields"}}]}}},{"ID":"8165","typeID":"__group__","zOrder":"63","measuredW":"135","measuredH":"284","w":"135","h":"284","x":"1103","y":"1163","properties":{"controlName":"102-schema:scalars"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"98","h":"273","measuredW":"200","measuredH":"140","x":"19","y":"0"},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"57","measuredH":"25","x":"39","y":"12","properties":{"size":"17","text":"Scalars"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"135","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"47","properties":{"color":"16770457"}},{"ID":"3","typeID":"Label","zOrder":"3","measuredW":"21","measuredH":"25","x":"57","y":"56","properties":{"size":"17","text":"Int"}},{"ID":"4","typeID":"TextArea","zOrder":"4","w":"135","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"95","properties":{"color":"16770457"}},{"ID":"5","typeID":"Label","zOrder":"5","measuredW":"39","measuredH":"25","x":"48","y":"104","properties":{"size":"17","text":"Float"}},{"ID":"6","typeID":"TextArea","zOrder":"6","w":"135","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"144","properties":{"color":"16770457"}},{"ID":"7","typeID":"Label","zOrder":"7","measuredW":"46","measuredH":"25","x":"45","y":"153","properties":{"size":"17","text":"String"}},{"ID":"8","typeID":"TextArea","zOrder":"8","w":"135","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"192","properties":{"color":"16770457"}},{"ID":"9","typeID":"Label","zOrder":"9","measuredW":"64","measuredH":"25","x":"36","y":"201","properties":{"size":"17","text":"Boolean"}},{"ID":"10","typeID":"TextArea","zOrder":"10","w":"135","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"240","properties":{"color":"16770457"}},{"ID":"11","typeID":"Label","zOrder":"11","measuredW":"18","measuredH":"25","x":"59","y":"249","properties":{"size":"17","text":"ID"}}]}}},{"ID":"8166","typeID":"__group__","zOrder":"64","measuredW":"122","measuredH":"44","w":"122","h":"44","x":"972","y":"1210","properties":{"controlName":"103-schema:enums"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"122","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"53","measuredH":"25","x":"34","y":"9","properties":{"size":"17","text":"Enums"}}]}}},{"ID":"8167","typeID":"__group__","zOrder":"65","measuredW":"122","measuredH":"44","w":"122","h":"44","x":"972","y":"1258","properties":{"controlName":"104-schema:objects"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"122","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"59","measuredH":"25","x":"31","y":"9","properties":{"size":"17","text":"Objects"}}]}}},{"ID":"8168","typeID":"__group__","zOrder":"66","measuredW":"122","measuredH":"44","w":"122","h":"44","x":"972","y":"1306","properties":{"controlName":"105-schema:lists"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"122","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"36","measuredH":"25","x":"43","y":"9","properties":{"size":"17","text":"Lists"}}]}}},{"ID":"8169","typeID":"__group__","zOrder":"67","measuredW":"122","measuredH":"44","w":"122","h":"44","x":"972","y":"1355","properties":{"controlName":"106-schema:interfaces"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"122","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"78","measuredH":"25","x":"22","y":"9","properties":{"size":"17","text":"Interfaces"}}]}}},{"ID":"8170","typeID":"__group__","zOrder":"68","measuredW":"122","measuredH":"44","w":"122","h":"44","x":"972","y":"1404","properties":{"controlName":"107-schema:unions"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"122","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"54","measuredH":"25","x":"34","y":"9","properties":{"size":"17","text":"Unions"}}]}}},{"ID":"8171","typeID":"__group__","zOrder":"69","measuredW":"267","measuredH":"89","w":"267","h":"89","x":"972","y":"1454","properties":{"controlName":"108-schema:arguments"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"112","h":"77","measuredW":"200","measuredH":"140","x":"141","y":"12"},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"83","measuredH":"25","x":"155","y":"53","properties":{"size":"17","text":"Arguments"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"267","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"3","typeID":"Label","zOrder":"3","measuredW":"89","measuredH":"25","x":"89","y":"9","properties":{"size":"17","text":"Input Types"}}]}}},{"ID":"8172","typeID":"__group__","zOrder":"70","measuredW":"162","measuredH":"44","w":"162","h":"44","x":"705","y":"1160","properties":{"controlName":"104-validation"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"162","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"75","measuredH":"25","x":"43","y":"9","properties":{"size":"17","text":"Validation"}}]}}},{"ID":"8173","typeID":"__group__","zOrder":"71","measuredW":"152","measuredH":"44","w":"152","h":"44","x":"517","y":"1160","properties":{"controlName":"105-execution"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"152","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"76","measuredH":"25","x":"38","y":"9","properties":{"size":"17","text":"Execution"}}]}}},{"ID":"8174","typeID":"__group__","zOrder":"72","measuredW":"203","measuredH":"44","w":"203","h":"44","x":"342","y":"1072","properties":{"controlName":"100-execution:root-fields"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"203","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"88","measuredH":"25","x":"58","y":"9","properties":{"size":"17","text":"Root Fields"}}]}}},{"ID":"8175","typeID":"__group__","zOrder":"73","measuredW":"119","measuredH":"259","w":"119","h":"259","x":"199","y":"1070","properties":{"controlName":"101-execution:resolvers"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"119","h":"259","measuredW":"200","measuredH":"140","x":"0","y":"0"},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"77","measuredH":"25","x":"23","y":"12","properties":{"size":"17","text":"Resolvers"}}]}}},{"ID":"8176","typeID":"__group__","zOrder":"74","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"134","y":"1118","properties":{"controlName":"100-execution:resolvers:synchronous"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"99","measuredH":"25","x":"33","y":"9","properties":{"size":"17","text":"Synchronous"}}]}}},{"ID":"8177","typeID":"__group__","zOrder":"75","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"134","y":"1168","properties":{"controlName":"101-execution:resolvers:asynchronous"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"107","measuredH":"25","x":"29","y":"9","properties":{"size":"17","text":"Asynchronous"}}]}}},{"ID":"8178","typeID":"__group__","zOrder":"76","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"134","y":"1217","properties":{"controlName":"102-execution:resolvers:scalar-coercion"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"123","measuredH":"25","x":"21","y":"9","properties":{"size":"17","text":"Scalar Coercion"}}]}}},{"ID":"8179","typeID":"__group__","zOrder":"77","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"134","y":"1266","properties":{"controlName":"103-execution:resolvers:lists"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"36","measuredH":"25","x":"65","y":"9","properties":{"size":"17","text":"Lists"}}]}}},{"ID":"8180","typeID":"__group__","zOrder":"78","measuredW":"203","measuredH":"44","w":"203","h":"44","x":"342","y":"1233","properties":{"controlName":"102-execution:validation"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"203","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"75","measuredH":"25","x":"64","y":"9","properties":{"size":"17","text":"Validation"}}]}}},{"ID":"8181","typeID":"__group__","zOrder":"79","measuredW":"203","measuredH":"44","w":"203","h":"44","x":"342","y":"1283","properties":{"controlName":"103-execution:producing-the-result"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"203","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"161","measuredH":"25","x":"21","y":"9","properties":{"size":"17","text":"Producing the Result"}}]}}},{"ID":"8182","typeID":"__group__","zOrder":"80","measuredW":"226","measuredH":"44","w":"226","h":"44","x":"434","y":"1403","properties":{"controlName":"106-serving-over-internet"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"226","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"166","measuredH":"25","x":"30","y":"9","properties":{"size":"17","text":"Serving Over Internet"}}]}}},{"ID":"8183","typeID":"__group__","zOrder":"81","measuredW":"124","measuredH":"206","w":"124","h":"206","x":"195","y":"1374","properties":{"controlName":"100-serving-over-internet:graphql-over-http"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"124","h":"206","measuredW":"200","measuredH":"140","x":"0","y":"0"},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"86","measuredH":"25","x":"19","y":"12","properties":{"size":"17","text":"Over HTTP"}}]}}},{"ID":"8184","typeID":"__group__","zOrder":"82","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"134","y":"1420","properties":{"controlName":"100-serving-over-internet:graphql-over-http:caching"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"64","measuredH":"25","x":"51","y":"9","properties":{"size":"17","text":"Caching"}}]}}},{"ID":"8185","typeID":"__group__","zOrder":"83","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"134","y":"1468","properties":{"controlName":"101-serving-over-internet:graphql-over-http:batching"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"69","measuredH":"25","x":"48","y":"9","properties":{"size":"17","text":"Batching"}}]}}},{"ID":"8186","typeID":"__group__","zOrder":"84","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"134","y":"1516","properties":{"controlName":"102-serving-over-internet:graphql-over-http:authorization"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"101","measuredH":"25","x":"32","y":"9","properties":{"size":"17","text":"Authorization"}}]}}},{"ID":"8187","typeID":"__group__","zOrder":"85","measuredW":"169","measuredH":"155","w":"169","h":"155","x":"739","y":"1235","properties":{"controlName":"101-serving-over-internet:graphql-over-websockets"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"169","h":"155","measuredW":"200","measuredH":"140","x":"0","y":"0"},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"136","measuredH":"25","x":"17","y":"116","properties":{"size":"17","text":"Over WebSockets"}}]}}},{"ID":"8188","typeID":"__group__","zOrder":"86","measuredW":"230","measuredH":"44","w":"230","h":"44","x":"709","y":"1249","properties":{"controlName":"100-serving-over-internet:graphql-over-websockets:real-time"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"230","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"76","measuredH":"25","x":"77","y":"9","properties":{"size":"17","text":"Real-time"}}]}}},{"ID":"8189","typeID":"__group__","zOrder":"87","measuredW":"230","measuredH":"44","w":"230","h":"44","x":"709","y":"1297","properties":{"controlName":"101-serving-over-internet:graphql-over-websockets:authorization"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"230","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"101","measuredH":"25","x":"64","y":"9","properties":{"size":"17","text":"Authorization"}}]}}},{"ID":"8190","typeID":"__group__","zOrder":"88","measuredW":"169","measuredH":"103","w":"169","h":"103","x":"738","y":"1465","properties":{"controlName":"102-serving-over-internet:graphql-over-sse"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"169","h":"103","measuredW":"200","measuredH":"140","x":"0","y":"0"},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"74","measuredH":"25","x":"48","y":"12","properties":{"size":"17","text":"Over SSE"}}]}}},{"ID":"8191","typeID":"__group__","zOrder":"89","measuredW":"230","measuredH":"44","w":"230","h":"44","x":"708","y":"1509","properties":{"controlName":"100-serving-over-internet:graphql-over-sse:authorization"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"230","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"101","measuredH":"25","x":"64","y":"9","properties":{"size":"17","text":"Authorization"}}]}}},{"ID":"8192","typeID":"__group__","zOrder":"90","measuredW":"226","measuredH":"44","w":"226","h":"44","x":"434","y":"1509","properties":{"controlName":"107-pagination"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"226","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"82","measuredH":"25","x":"72","y":"9","properties":{"size":"17","text":"Pagination"}}]}}},{"ID":"8193","typeID":"__group__","zOrder":"91","measuredW":"255","measuredH":"44","w":"255","h":"44","x":"419","y":"1614","properties":{"controlName":"108-frontend-implementations"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"255","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"203","measuredH":"25","x":"26","y":"9","properties":{"size":"17","text":"Frontend Implementations"}}]}}},{"ID":"8194","typeID":"__group__","zOrder":"92","measuredW":"255","measuredH":"44","w":"255","h":"44","x":"419","y":"1663","properties":{"controlName":"109-backend-implementations"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"255","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"201","measuredH":"25","x":"27","y":"9","properties":{"size":"17","text":"Backend Implementations"}}]}}},{"ID":"8195","typeID":"TextArea","zOrder":"93","w":"124","h":"252","measuredW":"200","measuredH":"140","x":"195","y":"1612"},{"ID":"8196","typeID":"Label","zOrder":"94","measuredW":"81","measuredH":"25","x":"216","y":"1624","properties":{"size":"17","text":"JavaScript"}},{"ID":"8197","typeID":"__group__","zOrder":"95","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"135","y":"1658","properties":{"controlName":"100-backend-implementations:graphql-http"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"95","measuredH":"25","x":"35","y":"9","properties":{"size":"17","text":"graphql-http"}}]}}},{"ID":"8198","typeID":"__group__","zOrder":"96","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"135","y":"1707","properties":{"controlName":"101-backend-implementations:graphql-yoga"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"112","measuredH":"25","x":"27","y":"9","properties":{"size":"17","text":"GraphQL Yoga"}}]}}},{"ID":"8199","typeID":"__group__","zOrder":"97","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"135","y":"1756","properties":{"controlName":"102-backend-implementations:apollo-server"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"102","measuredH":"25","x":"32","y":"9","properties":{"size":"17","text":"Apollo Server"}}]}}},{"ID":"8200","typeID":"__group__","zOrder":"98","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"135","y":"1806","properties":{"controlName":"103-backend-implementations:mercurius"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"77","measuredH":"25","x":"44","y":"9","properties":{"size":"17","text":"mercurius"}}]}}},{"ID":"8201","typeID":"TextArea","zOrder":"99","w":"124","h":"205","measuredW":"200","measuredH":"140","x":"742","y":"1609"},{"ID":"8202","typeID":"Label","zOrder":"100","measuredW":"81","measuredH":"25","x":"763","y":"1621","properties":{"size":"17","text":"JavaScript"}},{"ID":"8203","typeID":"__group__","zOrder":"101","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"754","y":"1655","properties":{"controlName":"100-frontend-implementations:relay"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"44","measuredH":"25","x":"27","y":"9","properties":{"size":"17","text":"Relay"}}]}}},{"ID":"8204","typeID":"__group__","zOrder":"102","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"754","y":"1704","properties":{"controlName":"101-frontend-implementations:apollo-client"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"97","measuredH":"25","x":"27","y":"9","properties":{"size":"17","text":"Apollo Client"}}]}}},{"ID":"8205","typeID":"__group__","zOrder":"103","measuredW":"166","measuredH":"44","w":"166","h":"44","x":"754","y":"1753","properties":{"controlName":"102-frontend-implementations:urql"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"32","measuredH":"25","x":"27","y":"9","properties":{"size":"17","text":"Urql"}}]}}},{"ID":"8206","typeID":"Arrow","zOrder":"104","w":"1","h":"139","measuredW":"150","measuredH":"100","x":"591","y":"2031","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","rightArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.4438624012549725,"y":-0.00008403832147459167},"p2":{"x":0,"y":139},"stroke":"dotted"}},{"ID":"8207","typeID":"TextArea","zOrder":"105","w":"552","h":"124","measuredW":"200","measuredH":"140","x":"317","y":"1962"},{"ID":"8208","typeID":"Label","zOrder":"106","measuredW":"486","measuredH":"25","x":"346","y":"1982","properties":{"size":"17","text":"For ecosystem and more, check other tracks involving GraphQL"}},{"ID":"8209","typeID":"__group__","zOrder":"107","measuredW":"229","measuredH":"44","w":"229","h":"44","x":"612","y":"2017","properties":{"controlName":"ext_link:roadmap.sh/backend"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"229","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"147","measuredH":"25","x":"41","y":"9","properties":{"size":"17","text":"Backend Roadmap"}}]}}},{"ID":"8210","typeID":"__group__","zOrder":"108","measuredW":"252","measuredH":"44","w":"252","h":"44","x":"346","y":"2017","properties":{"controlName":"ext_link:roadmap.sh/frontend"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"252","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"149","measuredH":"25","x":"51","y":"9","properties":{"size":"17","text":"Frontend Roadmap"}}]}}},{"ID":"8215","typeID":"__group__","zOrder":"109","measuredW":"457","measuredH":"151","w":"457","h":"151","x":"124","y":"179","children":{"controls":{"control":[{"ID":"0","typeID":"Canvas","zOrder":"0","w":"457","h":"151","measuredW":"100","measuredH":"70","x":"0","y":"0"},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"232","measuredH":"28","x":"26","y":"25","properties":{"size":"20","text":"Other Related Roadmaps"}},{"ID":"2","typeID":"__group__","zOrder":"2","measuredW":"280","measuredH":"26","w":"280","h":"26","x":"27","y":"68","properties":{"controlName":"ext_link:roadmap.sh/frontend"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"247","measuredH":"26","x":"33","y":"0","properties":{"size":"18","text":"Frontend Developer Roadmap"}},{"ID":"1","typeID":"Icon","zOrder":"1","measuredW":"24","measuredH":"24","x":"0","y":"1","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"1","properties":{"icon":{"ID":"check-circle","size":"small"},"color":"10066329"}}]}}},{"ID":"3","typeID":"__group__","zOrder":"3","measuredW":"278","measuredH":"26","w":"278","h":"26","x":"27","y":"98","properties":{"controlName":"ext_link:roadmap.sh/backend"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"245","measuredH":"26","x":"33","y":"0","properties":{"size":"18","text":"Backend Developer Roadmap"}},{"ID":"1","typeID":"Icon","zOrder":"1","measuredW":"24","measuredH":"24","x":"0","y":"1","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"1","properties":{"icon":{"ID":"check-circle","size":"small"},"color":"10066329"}}]}}}]}}},{"ID":"8216","typeID":"__group__","zOrder":"35","measuredW":"350","measuredH":"141","w":"350","h":"141","x":"924","y":"184","children":{"controls":{"control":[{"ID":"0","typeID":"Canvas","zOrder":"0","w":"350","h":"141","measuredW":"100","measuredH":"70","x":"0","y":"0"},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"314","measuredH":"25","x":"14","y":"17","properties":{"size":"17","text":"Find the detailed version of this roadmap"}},{"ID":"2","typeID":"Label","zOrder":"2","measuredW":"319","measuredH":"25","x":"14","y":"45","properties":{"size":"17","text":"along with resources and other roadmaps"}},{"ID":"3","typeID":"__group__","zOrder":"3","measuredW":"320","measuredH":"45","w":"320","h":"45","x":"15","y":"81","properties":{"controlName":"ext_link:roadmap.sh"},"children":{"controls":{"control":[{"ID":"0","typeID":"Canvas","zOrder":"0","w":"320","h":"45","measuredW":"100","measuredH":"70","x":"0","y":"0","properties":{"borderColor":"4273622","color":"4273622"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"105","measuredH":"28","x":"141","y":"8","properties":{"color":"16777215","size":"20","text":"roadmap.sh"}},{"ID":"2","typeID":"Label","zOrder":"2","measuredW":"45","measuredH":"28","x":"65","y":"8","properties":{"color":"16777215","size":"20","text":"https"}},{"ID":"3","typeID":"Label","zOrder":"3","measuredW":"5","measuredH":"28","x":"113","y":"8","properties":{"color":"16777215","size":"20","text":":"}},{"ID":"4","typeID":"Label","zOrder":"4","measuredW":"10","measuredH":"28","x":"120","y":"9","properties":{"color":"16777215","size":"20","text":"/"}},{"ID":"5","typeID":"Label","zOrder":"5","measuredW":"10","measuredH":"28","x":"128","y":"9","properties":{"color":"16777215","size":"20","text":"/"}}]}}}]}}}]},"attributes":{"name":"New Wireframe 1 copy","order":1000010.2336643032,"parentID":null,"notes":""},"branchID":"Master","resourceID":"D5E1AC09-3023-4145-A52A-4D904363A065","mockupH":"1991","mockupW":"1150","measuredW":"1274","measuredH":"2170","version":"1.0"},"groupOffset":{"x":0,"y":0},"dependencies":[],"projectID":"file:///Users/kamrify/Desktop/New%20Roadmaps/New%20Project%201.bmpr"} \ No newline at end of file +{ + "nodes": [ + { + "id": "SFhbL3KKBd053kCVToTm1", + "type": "section", + "position": { + "x": 64.95192794899594, + "y": 1634.7051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "", + "style": { + "fontSize": 17, + "backgroundColor": "#ffffff", + "borderColor": "#000000" + } + }, + "zIndex": -999, + "width": 150, + "height": 100, + "style": { + "width": 150, + "height": 100 + }, + "measured": { + "width": 280, + "height": 289 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": 64.95192794899594, + "y": 1634.7051467174065 + } + }, + { + "id": "BVXPP2J15hss2hF85urjN", + "type": "section", + "position": { + "x": -709.9579568300146, + "y": 1331.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "", + "style": { + "fontSize": 17, + "backgroundColor": "#ffffff", + "borderColor": "#000000" + } + }, + "zIndex": -999, + "width": 150, + "height": 100, + "style": { + "width": 150, + "height": 100 + }, + "measured": { + "width": 256, + "height": 345 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -709.9579568300146, + "y": 1331.2051467174065 + } + }, + { + "id": "0YJo_ti1JDu1GRmdC2WzA", + "type": "horizontal", + "position": { + "x": -103.1381872719935, + "y": 1129.355064975886 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "horizontal node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.75, + "stroke": "#2B78E4" + }, + "oldId": "D0RHwVcuH4qus_oiCbDo0" + }, + "zIndex": 999, + "width": 50, + "height": 20, + "measured": { + "width": 151, + "height": 20 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -103.1381872719935, + "y": 1129.355064975886 + } + }, + { + "id": "QGWApwm1h5K_n0M81b9DH", + "type": "section", + "position": { + "x": 68.2572052308409, + "y": 976.1275563289466 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "", + "style": { + "fontSize": 17, + "backgroundColor": "#ffffff", + "borderColor": "#000000" + } + }, + "zIndex": -999, + "width": 150, + "height": 100, + "style": { + "width": 150, + "height": 100 + }, + "measured": { + "width": 276, + "height": 227 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": 68.2572052308409, + "y": 976.1275563289466 + } + }, + { + "id": "D0RHwVcuH4qus_oiCbDo0", + "type": "horizontal", + "position": { + "x": -459.6381872719935, + "y": 989.4675181201998 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "horizontal node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.75, + "stroke": "#2B78E4" + } + }, + "zIndex": 999, + "width": 50, + "height": 20, + "measured": { + "width": 167, + "height": 20 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -459.6381872719935, + "y": 989.4675181201998 + } + }, + { + "id": "C2zefkHdFZjID3CdqXmAy", + "type": "section", + "position": { + "x": -710.9579568300146, + "y": 880.5474215299696 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "", + "style": { + "fontSize": 17 + } + }, + "zIndex": -999, + "width": 150, + "height": 100, + "style": { + "width": 150, + "height": 100 + }, + "measured": { + "width": 232, + "height": 259 + }, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -710.9579568300146, + "y": 880.5474215299696 + } + }, + { + "id": "zQpkRd7jNV509JOpL6VxX", + "type": "horizontal", + "position": { + "x": -148.1381872719935, + "y": 750.3550649758861 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "horizontal node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.75, + "stroke": "#2B78E4" + }, + "oldId": "0YJo_ti1JDu1GRmdC2WzA" + }, + "zIndex": 999, + "width": 50, + "height": 20, + "measured": { + "width": 196, + "height": 20 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -148.1381872719935, + "y": 750.3550649758861 + } + }, + { + "id": "icm7gi90MRG4vn9KUUaqR", + "type": "paragraph", + "position": { + "x": 68.2572052308409, + "y": 645.5973159217342 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Int, Float, String, Boolean, ID", + "style": { + "fontSize": 17, + "borderColor": "#000000", + "backgroundColor": "#ffffff", + "color": "#000000", + "textAlign": "center", + "justifyContent": "flex-start", + "padding": 16 + } + }, + "zIndex": 999, + "measured": { + "width": 276, + "height": 124 + }, + "dragging": false, + "width": 253, + "height": 62, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": 68.2572052308409, + "y": 645.5973159217342 + } + }, + { + "id": "4qvR1QQzrmoVIVCAsp92H", + "type": "vertical", + "position": { + "x": -215.3175069304428, + "y": 2156.2541881503926 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2B78E4" + } + }, + "zIndex": 999, + "width": 20, + "height": 150, + "measured": { + "width": 20, + "height": 87 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -215.3175069304428, + "y": 2156.2541881503926 + } + }, + { + "id": "HU7wZWiES3m3xl1-NYP6F", + "type": "title", + "position": { + "x": -283.3175069304428, + "y": -38.879087788307686 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "GraphQL", + "style": { + "fontSize": 28, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "measured": { + "width": 156, + "height": 68 + }, + "dragging": false, + "focusable": true, + "width": 156, + "height": 68, + "positionAbsolute": { + "x": -283.3175069304428, + "y": -38.879087788307686 + } + }, + { + "id": "uqyE79OItPOX33E5FoGel", + "type": "vertical", + "position": { + "x": -215.3175069304428, + "y": -133.0992517776511 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.75, + "stroke": "#2B78E4" + } + }, + "zIndex": 999, + "width": 20, + "height": 150, + "measured": { + "width": 20, + "height": 81 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -215.3175069304428, + "y": -133.0992517776511 + } + }, + { + "id": "CCmziWV0VnzZxVbjVF_br", + "type": "paragraph", + "position": { + "x": -15.138187271993502, + "y": -148.2948532825934 + }, + "selected": false, + "data": { + "label": "Find the interactive version of this roadmap and more roadmaps at", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center", + "borderColor": "#000000", + "backgroundColor": "#FFFFFf" + }, + "oldId": "kpF15oUmlUmk1qVGEBB7Y" + }, + "zIndex": 999, + "width": 355, + "height": 143, + "positionAbsolute": { + "x": -15.138187271993502, + "y": -148.2948532825934 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "style": { + "width": 355, + "height": 143 + }, + "resizing": false, + "measured": { + "width": 361, + "height": 151 + } + }, + { + "id": "if9eTna5NRTMStVwpSwDP", + "type": "button", + "position": { + "x": -0.13818727199350178, + "y": -62.09925177765109 + }, + "selected": false, + "data": { + "label": "roadmap.sh", + "href": "https://roadmap.sh", + "color": "#ffffff", + "backgroundColor": "#4136D6", + "style": { + "fontSize": 17 + }, + "oldId": "2zqZkyVgigifcRS1H7F_b" + }, + "zIndex": 999, + "width": 330, + "height": 49, + "dragging": false, + "style": { + "width": 330, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -0.13818727199350178, + "y": -62.09925177765109 + }, + "selectable": true, + "focusable": true, + "measured": { + "width": 331, + "height": 49 + } + }, + { + "id": "JfXwzkN29UGz17FYHHE3A", + "type": "topic", + "position": { + "x": -329.8175069304428, + "y": 152.4393516042962 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Introduction", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "4U-HZQGH7kaWCB94Xy8Mh" + }, + "zIndex": 999, + "width": 137, + "height": 49, + "measured": { + "width": 249, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -329.8175069304428, + "y": 152.4393516042962 + } + }, + { + "id": "cMfsRtvzvDZZJ0TqeUOxm", + "type": "subtopic", + "position": { + "x": 40.8618127280065, + "y": 46.439351604296206 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "What is GraphQL", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "W4gEPRYmk5Y7y3PjI6fR7" + }, + "zIndex": 999, + "width": 303, + "height": 49, + "style": { + "width": 303 + }, + "measured": { + "width": 303, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 40.8618127280065, + "y": 46.439351604296206 + } + }, + { + "id": "2rlmLn_yQQV-7DpX1qT98", + "type": "subtopic", + "position": { + "x": 40.8618127280065, + "y": 99.4393516042962 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Problems GraphQL Solves", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "VhSEH_RoWFt1z2lial7xZ" + }, + "zIndex": 999, + "width": 303, + "height": 49, + "style": { + "width": 303 + }, + "measured": { + "width": 303, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 40.8618127280065, + "y": 99.4393516042962 + } + }, + { + "id": "w_rUaBorHFOY74S0JiEwM", + "type": "linksgroup", + "position": { + "x": -710.4579568300146, + "y": -148.2948532825934 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Related Roadmaps", + "links": [ + { + "id": "CVNNr97eZmGVFZyNVmR9b", + "label": "React Roadmap", + "href": "", + "url": "https://roadmap.sh/react" + }, + { + "id": "GoM0EsaFMzWViwio3BucA", + "label": "JavaScript Roadmap", + "url": "https://roadmap.sh/javascript" + }, + { + "id": "oWh5sZE3GhIEQKIuWYM0o", + "label": "Frontend Roadmap", + "url": "https://roadmap.sh/frontend" + } + ] + }, + "zIndex": 999, + "measured": { + "width": 356, + "height": 171 + }, + "dragging": false, + "width": 260, + "height": 160, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -710.4579568300146, + "y": -148.2948532825934 + } + }, + { + "id": "J5mU0v491qrm-mr1W3Msd", + "type": "subtopic", + "position": { + "x": 40.8618127280065, + "y": 152.4393516042962 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Thinking in Graphs", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "ODQ8zrHc2rsc8PN-APKvz" + }, + "zIndex": 999, + "width": 303, + "height": 49, + "style": { + "width": 303 + }, + "measured": { + "width": 303, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 40.8618127280065, + "y": 152.4393516042962 + } + }, + { + "id": "W_Lg8086ZhrIqtck1sgnb", + "type": "topic", + "position": { + "x": -329.8175069304428, + "y": 260.43935160429623 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "GraphQL Queries", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "cSXsu17F1Oy34Wp6J-N3C" + }, + "zIndex": 999, + "width": 181, + "height": 49, + "measured": { + "width": 249, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -329.8175069304428, + "y": 260.43935160429623 + } + }, + { + "width": 410, + "height": 119, + "id": "O5dely89N5UCMBeUfh8ud", + "type": "paragraph", + "position": { + "x": -334.6381872719935, + "y": 2034.2541881503926 + }, + "selected": false, + "data": { + "label": "For ecosystem and more, check these other tracks involving GraphQL", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center", + "borderColor": "#000000", + "backgroundColor": "WHITe" + }, + "oldId": "0vLaVNJaJSHZ_bHli6Qzs" + }, + "zIndex": 999, + "positionAbsolute": { + "x": -334.6381872719935, + "y": 2034.2541881503926 + }, + "dragging": false, + "style": { + "width": 410, + "height": 119 + }, + "resizing": false, + "focusable": true, + "selectable": true, + "measured": { + "width": 597, + "height": 122 + } + }, + { + "width": 380, + "height": 49, + "id": "6AIUtChWC_gK8Ax0UuBjd", + "type": "button", + "position": { + "x": -320.62298223659093, + "y": 2088.899845583502 + }, + "selected": false, + "data": { + "label": "Frontend Roadmap", + "href": "https://roadmap.sh/frontend", + "color": "#FFf", + "backgroundColor": "#4136D6", + "style": { + "fontSize": 17 + }, + "borderColor": "#4136D6", + "oldId": "f5WRewBlpeYMf71cPcXs-" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -320.62298223659093, + "y": 2088.899845583502 + }, + "style": { + "width": 380, + "height": 49 + }, + "focusable": true, + "resizing": false, + "selectable": true, + "measured": { + "width": 278, + "height": 49 + } + }, + { + "id": "6r9XbwlBtHmJrhviG2cTD", + "type": "subtopic", + "position": { + "x": 40.8618127280065, + "y": 205.4393516042962 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "GraphQL on Frontend", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "ODQ8zrHc2rsc8PN-APKvz" + }, + "zIndex": 999, + "width": 303, + "height": 49, + "style": { + "width": 303 + }, + "measured": { + "width": 303, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 40.8618127280065, + "y": 205.4393516042962 + } + }, + { + "id": "ODQ8zrHc2rsc8PN-APKvz", + "type": "subtopic", + "position": { + "x": 40.8618127280065, + "y": 258.43935160429623 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "GraphQL on Backend", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "VhSEH_RoWFt1z2lial7xZ" + }, + "zIndex": 999, + "width": 303, + "height": 49, + "style": { + "width": 303 + }, + "measured": { + "width": 303, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 40.8618127280065, + "y": 258.43935160429623 + } + }, + { + "id": "2SU4dcaz7zwGsF7g8FjmI", + "type": "subtopic", + "position": { + "x": -707.4579568300146, + "y": 101.4393516042962 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "What are Queries?", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "CehwjrCG_wbUU-TFNCuJn" + }, + "zIndex": 999, + "width": 193, + "height": 49, + "style": { + "width": 193 + }, + "measured": { + "width": 267, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -707.4579568300146, + "y": 101.4393516042962 + } + }, + { + "id": "Pc9H7AcoqJQkWnuhbytyD", + "type": "subtopic", + "position": { + "x": -707.4579568300146, + "y": 154.4393516042962 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Fields", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "YZaFEK547FYricfOuANvH" + }, + "zIndex": 999, + "width": 193, + "height": 49, + "style": { + "width": 193 + }, + "measured": { + "width": 267, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -707.4579568300146, + "y": 154.4393516042962 + } + }, + { + "id": "B77yLU4SuRChSjEbmYwc-", + "type": "subtopic", + "position": { + "x": -707.4579568300146, + "y": 260.43935160429623 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Aliases", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "CehwjrCG_wbUU-TFNCuJn" + }, + "zIndex": 999, + "width": 193, + "height": 49, + "style": { + "width": 193 + }, + "measured": { + "width": 267, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -707.4579568300146, + "y": 260.43935160429623 + } + }, + { + "id": "hrpb108R8Gyu3hhzkMYzL", + "type": "subtopic", + "position": { + "x": -707.4579568300146, + "y": 313.43935160429623 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Arguments", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "CehwjrCG_wbUU-TFNCuJn" + }, + "zIndex": 999, + "width": 193, + "height": 49, + "style": { + "width": 193 + }, + "measured": { + "width": 267, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -707.4579568300146, + "y": 313.43935160429623 + } + }, + { + "id": "MnmwccPahqPCzOhqjfbsY", + "type": "subtopic", + "position": { + "x": -707.4579568300146, + "y": 366.43935160429623 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Directives", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "CehwjrCG_wbUU-TFNCuJn" + }, + "zIndex": 999, + "width": 193, + "height": 49, + "style": { + "width": 193 + }, + "measured": { + "width": 267, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -707.4579568300146, + "y": 366.43935160429623 + } + }, + { + "id": "YZaFEK547FYricfOuANvH", + "type": "subtopic", + "position": { + "x": -707.4579568300146, + "y": 207.43935160429623 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Variables", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "CehwjrCG_wbUU-TFNCuJn" + }, + "zIndex": 999, + "width": 193, + "height": 49, + "style": { + "width": 193 + }, + "measured": { + "width": 267, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -707.4579568300146, + "y": 207.43935160429623 + } + }, + { + "id": "CehwjrCG_wbUU-TFNCuJn", + "type": "subtopic", + "position": { + "x": -707.4579568300146, + "y": 419.43935160429623 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Fragments", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 193, + "height": 49, + "style": { + "width": 193 + }, + "measured": { + "width": 267, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -707.4579568300146, + "y": 419.43935160429623 + } + }, + { + "id": "jy_91mhFWbpR6sYVbuX1x", + "type": "topic", + "position": { + "x": -329.8175069304428, + "y": 396.6629724396304 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Mutations", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "cSXsu17F1Oy34Wp6J-N3C" + }, + "zIndex": 999, + "width": 121, + "height": 49, + "measured": { + "width": 249, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -329.8175069304428, + "y": 396.6629724396304 + } + }, + { + "id": "9Q2pGidY-rfkltHq3vChp", + "type": "subtopic", + "position": { + "x": 40.8618127280065, + "y": 343.6629724396304 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "What are Mutations?", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "YzRFmq1mXrM5uF3FXZQmj" + }, + "zIndex": 999, + "width": 249, + "height": 49, + "style": { + "width": 249 + }, + "measured": { + "width": 303, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 40.8618127280065, + "y": 343.6629724396304 + } + }, + { + "id": "AySlY8AyI6jE-cy-qKKOU", + "type": "subtopic", + "position": { + "x": 40.8618127280065, + "y": 396.6629724396304 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Multiple Fields in Mutation", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "q9TYEygvUyHourdZIvk8G" + }, + "zIndex": 999, + "width": 249, + "height": 49, + "style": { + "width": 249 + }, + "measured": { + "width": 303, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 40.8618127280065, + "y": 396.6629724396304 + } + }, + { + "id": "q9TYEygvUyHourdZIvk8G", + "type": "subtopic", + "position": { + "x": 40.8618127280065, + "y": 449.6629724396304 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Operation Name", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 249, + "height": 49, + "style": { + "width": 249 + }, + "measured": { + "width": 303, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 40.8618127280065, + "y": 449.6629724396304 + } + }, + { + "id": "IbEqXlGjsyNLKE9dZrPPk", + "type": "topic", + "position": { + "x": -329.8175069304428, + "y": 604.2881469175232 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Subscriptions", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "cSXsu17F1Oy34Wp6J-N3C" + }, + "zIndex": 999, + "width": 148, + "height": 49, + "measured": { + "width": 249, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -329.8175069304428, + "y": 604.2881469175232 + } + }, + { + "id": "RlBc-hWEUOPaEQLTgJa-K", + "type": "subtopic", + "position": { + "x": -710.4579568300146, + "y": 547.2881469175232 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "What are Subscriptions", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "sJ1_c3e08aehiqNMbIEEP" + }, + "zIndex": 999, + "width": 267, + "height": 49, + "style": { + "width": 267 + }, + "measured": { + "width": 267, + "height": 53 + }, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -710.4579568300146, + "y": 547.2881469175232 + } + }, + { + "id": "kJMyRhasBKfBypent3GxK", + "type": "subtopic", + "position": { + "x": -710.4579568300146, + "y": 604.2881469175232 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Event Based Subscriptions", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "sJ1_c3e08aehiqNMbIEEP" + }, + "zIndex": 999, + "width": 267, + "height": 49, + "style": { + "width": 267 + }, + "measured": { + "width": 267, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -710.4579568300146, + "y": 604.2881469175232 + } + }, + { + "id": "CHdzww8_TNfeM6Bp1oTPI", + "type": "subtopic", + "position": { + "x": -710.4579568300146, + "y": 657.2881469175232 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Live Queries", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "sJ1_c3e08aehiqNMbIEEP" + }, + "zIndex": 999, + "width": 267, + "height": 49, + "style": { + "width": 267 + }, + "measured": { + "width": 267, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -710.4579568300146, + "y": 657.2881469175232 + } + }, + { + "id": "t6XxFB_lx27kS4FE2_GMH", + "type": "subtopic", + "position": { + "x": -710.4579568300146, + "y": 710.2881469175232 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "@defer / @stream directives", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "sJ1_c3e08aehiqNMbIEEP" + }, + "zIndex": 999, + "width": 267, + "height": 49, + "style": { + "width": 267 + }, + "measured": { + "width": 267, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -710.4579568300146, + "y": 710.2881469175232 + } + }, + { + "id": "lj1WEh4WbfBsoZFYsi1Yz", + "type": "topic", + "position": { + "x": -329.8175069304428, + "y": 735.8550649758861 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Schema", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "cSXsu17F1Oy34Wp6J-N3C" + }, + "zIndex": 999, + "width": 108, + "height": 49, + "measured": { + "width": 249, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -329.8175069304428, + "y": 735.8550649758861 + } + }, + { + "id": "jpu0_FAlxtD-H80mPcod5", + "type": "subtopic", + "position": { + "x": 68.2572052308409, + "y": 537.9979529933375 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Type System", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "A54vi3Ao7fBHyTuqoH_it" + }, + "zIndex": 999, + "width": 308, + "height": 49, + "style": { + "width": 308 + }, + "measured": { + "width": 276, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 68.2572052308409, + "y": 537.9979529933375 + } + }, + { + "id": "HPdntdgTar1T34CZX8Y6y", + "type": "subtopic", + "position": { + "x": 68.2572052308409, + "y": 590.9979529933375 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Fields", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "LX9vZpx7yKlf0iR6AtBWz" + }, + "zIndex": 999, + "width": 308, + "height": 49, + "style": { + "width": 308 + }, + "measured": { + "width": 276, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 68.2572052308409, + "y": 590.9979529933375 + } + }, + { + "id": "U-tLelmNQtR-pUq-sxU_2", + "type": "subtopic", + "position": { + "x": 81.3770177634091, + "y": 707.608352612866 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Scalars", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "A54vi3Ao7fBHyTuqoH_it" + }, + "zIndex": 999, + "width": 308, + "height": 49, + "style": { + "width": 308 + }, + "measured": { + "width": 251, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 81.3770177634091, + "y": 707.608352612866 + } + }, + { + "id": "wfOsfb0zSAIdNkwFHfBcw", + "type": "subtopic", + "position": { + "x": 68.2572052308409, + "y": 776.5973159217342 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Enums", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "A54vi3Ao7fBHyTuqoH_it" + }, + "zIndex": 999, + "width": 150, + "height": 49, + "style": { + "width": 150 + }, + "measured": { + "width": 139, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 68.2572052308409, + "y": 776.5973159217342 + } + }, + { + "id": "tc_rjJZrr2x3bp8mcoQ0F", + "type": "subtopic", + "position": { + "x": 211.8618127280065, + "y": 829.5973159217342 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Interfaces", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "LX9vZpx7yKlf0iR6AtBWz" + }, + "zIndex": 999, + "width": 156, + "height": 49, + "style": { + "width": 156 + }, + "measured": { + "width": 136, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 211.8618127280065, + "y": 829.5973159217342 + } + }, + { + "id": "d2ikbo4sZq7PmaCi5znkd", + "type": "subtopic", + "position": { + "x": 68.2572052308409, + "y": 829.5973159217342 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Lists", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "A54vi3Ao7fBHyTuqoH_it" + }, + "zIndex": 999, + "width": 150, + "height": 49, + "style": { + "width": 150 + }, + "measured": { + "width": 139, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 68.2572052308409, + "y": 829.5973159217342 + } + }, + { + "id": "LX9vZpx7yKlf0iR6AtBWz", + "type": "subtopic", + "position": { + "x": 211.8618127280065, + "y": 776.5973159217342 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Objects", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "A54vi3Ao7fBHyTuqoH_it" + }, + "zIndex": 999, + "width": 156, + "height": 49, + "style": { + "width": 156 + }, + "measured": { + "width": 136, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 211.8618127280065, + "y": 776.5973159217342 + } + }, + { + "id": "59COH3rerJJzKr6vrj4bF", + "type": "subtopic", + "position": { + "x": 68.2572052308409, + "y": 881.5973159217342 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Unions", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "A54vi3Ao7fBHyTuqoH_it" + }, + "zIndex": 999, + "width": 150, + "height": 49, + "style": { + "width": 150 + }, + "measured": { + "width": 139, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 68.2572052308409, + "y": 881.5973159217342 + } + }, + { + "id": "A54vi3Ao7fBHyTuqoH_it", + "type": "subtopic", + "position": { + "x": 211.8618127280065, + "y": 881.5973159217342 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Arguments", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 150, + "height": 49, + "style": { + "width": 150 + }, + "measured": { + "width": 136, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 211.8618127280065, + "y": 881.5973159217342 + } + }, + { + "id": "2q3TO7k_byrLI7LkcCplG", + "type": "vertical", + "position": { + "x": 37.678457293951865, + "y": 540.4979529933375 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "vertical node", + "style": { + "stroke": "#2B78E4", + "strokeWidth": 3.75 + }, + "oldId": "1mBWGT53bwy8JHSnf_6lr" + }, + "zIndex": 999, + "width": 20, + "height": 150, + "measured": { + "width": 20, + "height": 392 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": 37.678457293951865, + "y": 540.4979529933375 + } + }, + { + "id": "iYkHCKTsjtvo40f3eZoet", + "type": "topic", + "position": { + "x": -329.8175069304428, + "y": 855.4546928118529 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Validation", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "cSXsu17F1Oy34Wp6J-N3C" + }, + "zIndex": 999, + "width": 119, + "height": 49, + "measured": { + "width": 249, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -329.8175069304428, + "y": 855.4546928118529 + } + }, + { + "id": "72wGg6yP8WnEdmkeKL9vh", + "type": "topic", + "position": { + "x": -329.8175069304428, + "y": 974.9675181201998 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Execution", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "cSXsu17F1Oy34Wp6J-N3C" + }, + "zIndex": 999, + "width": 121, + "height": 49, + "measured": { + "width": 249, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -329.8175069304428, + "y": 974.9675181201998 + } + }, + { + "id": "AlJlHZD3_SPoLNaqdM-pB", + "type": "subtopic", + "position": { + "x": -710.4579568300146, + "y": 806.4546928118529 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Root Fields", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "zQHifboRreE4OgJ7GnUlp" + }, + "zIndex": 999, + "width": 267, + "height": 49, + "style": { + "width": 267 + }, + "measured": { + "width": 232, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -710.4579568300146, + "y": 806.4546928118529 + } + }, + { + "id": "VDur5xYBC0LJtQgDrSEyj", + "type": "subtopic", + "position": { + "x": -710.4579568300146, + "y": 859.4546928118529 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Resolvers", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center", + "colorType": "h" + }, + "oldId": "sJ1_c3e08aehiqNMbIEEP" + }, + "zIndex": 999, + "width": 267, + "height": 49, + "style": { + "width": 267 + }, + "measured": { + "width": 232, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -710.4579568300146, + "y": 859.4546928118529 + } + }, + { + "id": "uPpsj2kCdgKsJpmTaw86u", + "type": "subtopic", + "position": { + "x": -690.9579568300146, + "y": 917.4883475571679 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Synchronous", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "sJ1_c3e08aehiqNMbIEEP" + }, + "zIndex": 999, + "width": 227, + "height": 49, + "style": { + "width": 227 + }, + "measured": { + "width": 190, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -690.9579568300146, + "y": 917.4883475571679 + } + }, + { + "id": "tbDvQBtLRAcD-xYX9V7Va", + "type": "subtopic", + "position": { + "x": -690.9579568300146, + "y": 970.4883475571679 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Asynchronous", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "sJ1_c3e08aehiqNMbIEEP" + }, + "zIndex": 999, + "width": 227, + "height": 49, + "style": { + "width": 227 + }, + "measured": { + "width": 188, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -690.9579568300146, + "y": 970.4883475571679 + } + }, + { + "id": "QFUOmJlPkkjpcl1vJxg9h", + "type": "subtopic", + "position": { + "x": -690.9579568300146, + "y": 1023.4883475571679 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Scalar Coercion", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "sJ1_c3e08aehiqNMbIEEP" + }, + "zIndex": 999, + "width": 227, + "height": 49, + "style": { + "width": 227 + }, + "measured": { + "width": 189, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -690.9579568300146, + "y": 1023.4883475571679 + } + }, + { + "id": "sJ1_c3e08aehiqNMbIEEP", + "type": "subtopic", + "position": { + "x": -690.9579568300146, + "y": 1076.488347557168 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Lists", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 227, + "height": 49, + "style": { + "width": 227 + }, + "measured": { + "width": 189, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -690.9579568300146, + "y": 1076.488347557168 + } + }, + { + "id": "I4wNBXV4xEZ0LWBhv5FwF", + "type": "subtopic", + "position": { + "x": -710.9579568300146, + "y": 1144.5474215299696 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Validation", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "zQHifboRreE4OgJ7GnUlp" + }, + "zIndex": 999, + "width": 267, + "height": 49, + "style": { + "width": 267 + }, + "measured": { + "width": 232, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -710.9579568300146, + "y": 1144.5474215299696 + } + }, + { + "id": "zQHifboRreE4OgJ7GnUlp", + "type": "subtopic", + "position": { + "x": -710.9579568300146, + "y": 1198.5474215299696 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Producing the Result", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "sJ1_c3e08aehiqNMbIEEP" + }, + "zIndex": 999, + "width": 267, + "height": 49, + "style": { + "width": 267 + }, + "measured": { + "width": 232, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -710.9579568300146, + "y": 1198.5474215299696 + } + }, + { + "id": "jk64WxDch-mqf3_8SdY-D", + "type": "vertical", + "position": { + "x": -468.4579568300146, + "y": 803.9546928118529 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "vertical node", + "style": { + "stroke": "#2B78E4", + "strokeWidth": 3.75 + } + }, + "zIndex": 999, + "width": 20, + "height": 150, + "measured": { + "width": 20, + "height": 446 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -468.4579568300146, + "y": 803.9546928118529 + } + }, + { + "id": "inhjhH-7xJyX8o4DQqErF", + "type": "topic", + "position": { + "x": -329.8175069304428, + "y": 1114.371143674773 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Serving over Internet", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "cSXsu17F1Oy34Wp6J-N3C" + }, + "zIndex": 999, + "width": 207, + "height": 49, + "measured": { + "width": 249, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -329.8175069304428, + "y": 1114.371143674773 + } + }, + { + "id": "Ya0ORdmEHEPpp1GAzMLVT", + "type": "label", + "position": { + "x": 117.2572052308409, + "y": 987.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "GraphQL Over HTTP", + "style": { + "fontSize": 17 + }, + "href": "", + "color": "#000000" + }, + "zIndex": 999, + "measured": { + "width": 176, + "height": 38 + }, + "dragging": false, + "focusable": true, + "width": 176, + "height": 36, + "positionAbsolute": { + "x": 117.2572052308409, + "y": 987.3919731117412 + } + }, + { + "id": "V3bgswBFr1xames3F8S_V", + "type": "subtopic", + "position": { + "x": 80.7572052308409, + "y": 1034.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "GraphQL Over HTTP Spec", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "i-zcfN6RNXhA_sb7DcIon" + }, + "zIndex": 999, + "width": 245, + "height": 69, + "style": { + "width": 245 + }, + "measured": { + "width": 249, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 80.7572052308409, + "y": 1034.3919731117412 + } + }, + { + "id": "UYwuUVTeurwODV4_Kdt_W", + "type": "subtopic", + "position": { + "x": 80.7572052308409, + "y": 1087.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Caching", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "i-zcfN6RNXhA_sb7DcIon" + }, + "zIndex": 999, + "width": 245, + "height": 49, + "style": { + "width": 245 + }, + "measured": { + "width": 109, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 80.7572052308409, + "y": 1087.3919731117412 + } + }, + { + "id": "v9gVexHfDkpG9z3NL5S-9", + "type": "subtopic", + "position": { + "x": 194.7572052308409, + "y": 1087.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Batching", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "i-zcfN6RNXhA_sb7DcIon" + }, + "zIndex": 999, + "width": 245, + "height": 49, + "style": { + "width": 245 + }, + "measured": { + "width": 135, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 194.7572052308409, + "y": 1087.3919731117412 + } + }, + { + "id": "i-zcfN6RNXhA_sb7DcIon", + "type": "subtopic", + "position": { + "x": 80.7572052308409, + "y": 1139.5474215299696 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Authorization", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 245, + "height": 49, + "style": { + "width": 245 + }, + "measured": { + "width": 249, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 80.7572052308409, + "y": 1139.5474215299696 + } + }, + { + "id": "ud-BWNe_McqpZXHtlXPyr", + "type": "section", + "position": { + "x": 68.2572052308409, + "y": 1200.1275563289466 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "", + "style": { + "fontSize": 17, + "backgroundColor": "#ffffff", + "borderColor": "#000000" + }, + "oldId": "QGWApwm1h5K_n0M81b9DH" + }, + "zIndex": -999, + "width": 150, + "height": 100, + "style": { + "width": 150, + "height": 100 + }, + "measured": { + "width": 276, + "height": 176 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": 68.2572052308409, + "y": 1200.1275563289466 + } + }, + { + "id": "st02HY5-DEab1pYXkBc3S", + "type": "label", + "position": { + "x": 92.7572052308409, + "y": 1211.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "GraphQL Over WebSockets", + "style": { + "fontSize": 17 + }, + "href": "", + "color": "#000000", + "oldId": "Ya0ORdmEHEPpp1GAzMLVT" + }, + "zIndex": 999, + "measured": { + "width": 227, + "height": 38 + }, + "dragging": false, + "focusable": true, + "width": 228, + "height": 36, + "positionAbsolute": { + "x": 92.7572052308409, + "y": 1211.3919731117412 + } + }, + { + "id": "A-PQ3_FVuCK3Eud75hsdj", + "type": "subtopic", + "position": { + "x": 80.7572052308409, + "y": 1258.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Specification", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "V3bgswBFr1xames3F8S_V" + }, + "zIndex": 999, + "width": 245, + "height": 49, + "style": { + "width": 245 + }, + "measured": { + "width": 249, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 80.7572052308409, + "y": 1258.3919731117412 + } + }, + { + "id": "2YLm_S1j_832pb1OGSNaM", + "type": "subtopic", + "position": { + "x": 80.7572052308409, + "y": 1311.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Realtime", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "UYwuUVTeurwODV4_Kdt_W" + }, + "zIndex": 999, + "width": 245, + "height": 49, + "style": { + "width": 245 + }, + "measured": { + "width": 107, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 80.7572052308409, + "y": 1311.3919731117412 + } + }, + { + "id": "GzwPvLybxTJM96fUhQUOi", + "type": "subtopic", + "position": { + "x": 192.7572052308409, + "y": 1311.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Authorization", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "i-zcfN6RNXhA_sb7DcIon" + }, + "zIndex": 999, + "width": 245, + "height": 49, + "style": { + "width": 245 + }, + "measured": { + "width": 137, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 192.7572052308409, + "y": 1311.3919731117412 + } + }, + { + "id": "cH2FSWgKxQbBoI0tI-QNH", + "type": "section", + "position": { + "x": 68.2572052308409, + "y": 1373.1275563289466 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "", + "style": { + "fontSize": 17, + "backgroundColor": "#ffffff", + "borderColor": "#000000" + }, + "oldId": "ud-BWNe_McqpZXHtlXPyr" + }, + "zIndex": -999, + "width": 150, + "height": 100, + "style": { + "width": 150, + "height": 100 + }, + "measured": { + "width": 276, + "height": 176 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": 68.2572052308409, + "y": 1373.1275563289466 + } + }, + { + "id": "F4nR2VZ4k1uekWXINoMKH", + "type": "label", + "position": { + "x": 92.7572052308409, + "y": 1384.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "GraphQL Over SSE", + "style": { + "fontSize": 17 + }, + "href": "", + "color": "#000000", + "oldId": "st02HY5-DEab1pYXkBc3S" + }, + "zIndex": 999, + "measured": { + "width": 164, + "height": 38 + }, + "dragging": false, + "focusable": true, + "width": 165, + "height": 36, + "positionAbsolute": { + "x": 92.7572052308409, + "y": 1384.3919731117412 + } + }, + { + "id": "O8k-m6s9B_uXkLsXKVFnL", + "type": "subtopic", + "position": { + "x": 81.7572052308409, + "y": 1431.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Specification", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "iTV2H8clmRTOksul4v38p" + }, + "zIndex": 999, + "width": 245, + "height": 49, + "style": { + "width": 245 + }, + "measured": { + "width": 249, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 81.7572052308409, + "y": 1431.3919731117412 + } + }, + { + "id": "G50ZMlmP7Ru5LcFne5Rhu", + "type": "subtopic", + "position": { + "x": 81.7572052308409, + "y": 1484.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Authorization", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "GzwPvLybxTJM96fUhQUOi" + }, + "zIndex": 999, + "width": 245, + "height": 49, + "style": { + "width": 245 + }, + "measured": { + "width": 249, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 81.7572052308409, + "y": 1484.3919731117412 + } + }, + { + "id": "1mBWGT53bwy8JHSnf_6lr", + "type": "vertical", + "position": { + "x": 37.678457293951865, + "y": 979.4979529933375 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "vertical node", + "style": { + "stroke": "#2B78E4", + "strokeWidth": 3.75 + } + }, + "zIndex": 999, + "width": 20, + "height": 150, + "measured": { + "width": 20, + "height": 566 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": 37.678457293951865, + "y": 979.4979529933375 + } + }, + { + "id": "Uf8XxJPs7RzKVhlxiQdbB", + "type": "topic", + "position": { + "x": -329.8175069304428, + "y": 1262.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Pagination", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "8YdlLJ_Ki8NxgVzMNeyzo" + }, + "zIndex": 999, + "width": 126, + "height": 49, + "measured": { + "width": 249, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -329.8175069304428, + "y": 1262.3919731117412 + } + }, + { + "id": "Qab1pyIZiJ3Z9q8CuEsc-", + "type": "paragraph", + "position": { + "x": -305.3175069304428, + "y": 1469.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Implementations", + "style": { + "fontSize": 20, + "borderColor": "transparent", + "backgroundColor": "transparent", + "color": "#000000", + "textAlign": "center", + "justifyContent": "center", + "padding": 16 + }, + "oldId": "WFO_AwmbUJPAFj0tFClJg" + }, + "zIndex": 999, + "width": 188, + "height": 67, + "measured": { + "width": 200, + "height": 69 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -305.3175069304428, + "y": 1469.2051467174065 + } + }, + { + "id": "jCzrMElTo-c9xGcpPOOPl", + "type": "subtopic", + "position": { + "x": -690.9579568300146, + "y": 1502.7051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "GraphQL.js", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "7szipojhVb2VoL3VcS619" + }, + "zIndex": 999, + "width": 131, + "height": 49, + "measured": { + "width": 220, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -690.9579568300146, + "y": 1502.7051467174065 + } + }, + { + "id": "9nVo95gRNGHGIbaJQPH1x", + "type": "subtopic", + "position": { + "x": -690.9579568300146, + "y": 1392.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "GraphQL Go", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "width": 142, + "height": 49, + "measured": { + "width": 220, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -690.9579568300146, + "y": 1392.3919731117412 + } + }, + { + "id": "1q77xUifPS5sLx5tktXxF", + "type": "label", + "position": { + "x": -690.9579568300146, + "y": 1350.3919731117412 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Go Implementation", + "style": { + "fontSize": 17 + }, + "href": "", + "color": "#000000", + "oldId": "eNNThl8rxj-0pibTpBck0" + }, + "zIndex": 999, + "measured": { + "width": 163, + "height": 38 + }, + "dragging": false, + "focusable": true, + "width": 163, + "height": 36, + "positionAbsolute": { + "x": -690.9579568300146, + "y": 1350.3919731117412 + } + }, + { + "id": "qmlQ3184CZ9HgvRHVcPT6", + "type": "label", + "position": { + "x": -690.9579568300146, + "y": 1460.7051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "JavaScript Implementation", + "style": { + "fontSize": 17 + }, + "href": "", + "color": "#000000", + "oldId": "-STVQpKbY5I9eTExdJ6mc" + }, + "zIndex": 999, + "measured": { + "width": 221, + "height": 38 + }, + "dragging": false, + "focusable": true, + "width": 221, + "height": 36, + "positionAbsolute": { + "x": -690.9579568300146, + "y": 1460.7051467174065 + } + }, + { + "id": "7szipojhVb2VoL3VcS619", + "type": "subtopic", + "position": { + "x": -690.9579568300146, + "y": 1606.589806690877 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "GraphQL Java", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "JhnARvY0P1sb8dEconHeY" + }, + "zIndex": 999, + "width": 156, + "height": 49, + "measured": { + "width": 220, + "height": 49 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -690.9579568300146, + "y": 1606.589806690877 + } + }, + { + "id": "-STVQpKbY5I9eTExdJ6mc", + "type": "label", + "position": { + "x": -690.9579568300146, + "y": 1563.589806690877 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Java Implementation", + "style": { + "fontSize": 17 + }, + "href": "", + "color": "#000000", + "oldId": "eNNThl8rxj-0pibTpBck0" + }, + "zIndex": 999, + "measured": { + "width": 176, + "height": 38 + }, + "dragging": false, + "focusable": true, + "width": 176, + "height": 36, + "positionAbsolute": { + "x": -690.9579568300146, + "y": 1563.589806690877 + } + }, + { + "id": "XD0hNlAu05_ZYgv8JvEp1", + "type": "paragraph", + "position": { + "x": -305.3175069304428, + "y": 1641.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Servers", + "style": { + "fontSize": 20, + "borderColor": "transparent", + "backgroundColor": "transparent", + "color": "#000000", + "textAlign": "center", + "justifyContent": "center", + "padding": 16 + }, + "oldId": "WFO_AwmbUJPAFj0tFClJg" + }, + "zIndex": 999, + "width": 107, + "height": 67, + "measured": { + "width": 200, + "height": 69 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -305.3175069304428, + "y": 1641.2051467174065 + } + }, + { + "id": "_8RiK9B8endMNBjiKsazU", + "type": "label", + "position": { + "x": 87.7572052308409, + "y": 1649.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "JavaScript", + "style": { + "fontSize": 17 + }, + "href": "", + "color": "#000000" + }, + "zIndex": 999, + "measured": { + "width": 96, + "height": 38 + }, + "dragging": false, + "focusable": true, + "width": 96, + "height": 36, + "positionAbsolute": { + "x": 87.7572052308409, + "y": 1649.2051467174065 + } + }, + { + "id": "N-vsu-wvOikuoTbzdgX3X", + "type": "subtopic", + "position": { + "x": 87.7572052308409, + "y": 1694.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "graphql-http", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "iTV2H8clmRTOksul4v38p" + }, + "zIndex": 999, + "width": 249, + "height": 49, + "style": { + "width": 249 + }, + "measured": { + "width": 235, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 87.7572052308409, + "y": 1694.2051467174065 + } + }, + { + "id": "Gotb1xtxySCVC5MrnkPSs", + "type": "subtopic", + "position": { + "x": 87.7572052308409, + "y": 1747.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "GraphQL Yoga", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "iTV2H8clmRTOksul4v38p" + }, + "zIndex": 999, + "width": 249, + "height": 49, + "style": { + "width": 249 + }, + "measured": { + "width": 235, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 87.7572052308409, + "y": 1747.2051467174065 + } + }, + { + "id": "o_VkyoN6DmUUkfl0u0cro", + "type": "subtopic", + "position": { + "x": 87.7572052308409, + "y": 1800.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Apollo Server", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "iTV2H8clmRTOksul4v38p" + }, + "zIndex": 999, + "width": 249, + "height": 49, + "style": { + "width": 249 + }, + "measured": { + "width": 235, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 87.7572052308409, + "y": 1800.2051467174065 + } + }, + { + "id": "iTV2H8clmRTOksul4v38p", + "type": "subtopic", + "position": { + "x": 87.7572052308409, + "y": 1853.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "mercurius", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "A-PQ3_FVuCK3Eud75hsdj" + }, + "zIndex": 999, + "width": 249, + "height": 49, + "style": { + "width": 249 + }, + "measured": { + "width": 235, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": 87.7572052308409, + "y": 1853.2051467174065 + } + }, + { + "id": "lUOOZDUJOgktHf07nGzCJ", + "type": "horizontal", + "position": { + "x": -127.31750693044279, + "y": 1665.7051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "horizontal node", + "style": { + "stroke": "#2B78E4", + "strokeWidth": 3.75 + }, + "oldId": "BjJfMCOatN2_3TVt-6GnG" + }, + "zIndex": 999, + "width": 50, + "height": 20, + "measured": { + "width": 193, + "height": 20 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -127.31750693044279, + "y": 1665.7051467174065 + } + }, + { + "id": "WFO_AwmbUJPAFj0tFClJg", + "type": "paragraph", + "position": { + "x": -305.3175069304428, + "y": 1796.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Clients", + "style": { + "fontSize": 20, + "borderColor": "transparent", + "backgroundColor": "transparent", + "color": "#000000", + "textAlign": "center", + "justifyContent": "center", + "padding": 16 + }, + "oldId": "mZPU_kbBDBV5j0kaEO-tj" + }, + "zIndex": 999, + "width": 100, + "height": 67, + "measured": { + "width": 200, + "height": 69 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -305.3175069304428, + "y": 1796.2051467174065 + } + }, + { + "id": "4IugiCX3rnKv5ak50sqGm", + "type": "section", + "position": { + "x": -707.048072051004, + "y": 1755.7051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "", + "style": { + "fontSize": 17, + "backgroundColor": "#ffffff", + "borderColor": "#000000" + }, + "oldId": "SFhbL3KKBd053kCVToTm1" + }, + "zIndex": -999, + "width": 150, + "height": 100, + "style": { + "width": 150, + "height": 100 + }, + "measured": { + "width": 256, + "height": 285 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -707.048072051004, + "y": 1755.7051467174065 + } + }, + { + "id": "3lQ4cxevkw0p8v7fHm4I7", + "type": "label", + "position": { + "x": -686.2427947691591, + "y": 1770.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "JavaScript", + "style": { + "fontSize": 17 + }, + "href": "", + "color": "#000000", + "oldId": "_8RiK9B8endMNBjiKsazU" + }, + "zIndex": 999, + "measured": { + "width": 96, + "height": 38 + }, + "dragging": false, + "focusable": true, + "width": 96, + "height": 36, + "positionAbsolute": { + "x": -686.2427947691591, + "y": 1770.2051467174065 + } + }, + { + "id": "datKo3vPDwXoyVskcrdkc", + "type": "subtopic", + "position": { + "x": -686.2427947691591, + "y": 1815.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "graphql-http", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "N-vsu-wvOikuoTbzdgX3X" + }, + "zIndex": 999, + "width": 249, + "height": 49, + "style": { + "width": 249 + }, + "measured": { + "width": 208, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -686.2427947691591, + "y": 1815.2051467174065 + } + }, + { + "id": "Ab_ngkf6bmejvcp9okuw6", + "type": "subtopic", + "position": { + "x": -686.2427947691591, + "y": 1868.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Relay", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "Gotb1xtxySCVC5MrnkPSs" + }, + "zIndex": 999, + "width": 249, + "height": 49, + "style": { + "width": 249 + }, + "measured": { + "width": 208, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -686.2427947691591, + "y": 1868.2051467174065 + } + }, + { + "id": "D5O7ky5eXwm_Ys1IcFNaq", + "type": "subtopic", + "position": { + "x": -686.2427947691591, + "y": 1921.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Apollo Client", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "o_VkyoN6DmUUkfl0u0cro" + }, + "zIndex": 999, + "width": 249, + "height": 49, + "style": { + "width": 249 + }, + "measured": { + "width": 208, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -686.2427947691591, + "y": 1921.2051467174065 + } + }, + { + "id": "WP0Oo_YMfLBlXqDQQtKes", + "type": "subtopic", + "position": { + "x": -686.2427947691591, + "y": 1974.2051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "Urql", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "iTV2H8clmRTOksul4v38p" + }, + "zIndex": 999, + "width": 249, + "height": 49, + "style": { + "width": 249 + }, + "measured": { + "width": 208, + "height": 49 + }, + "resizing": false, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -686.2427947691591, + "y": 1974.2051467174065 + } + }, + { + "id": "BjJfMCOatN2_3TVt-6GnG", + "type": "horizontal", + "position": { + "x": -452.3175069304428, + "y": 1820.7051467174065 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "horizontal node", + "style": { + "stroke": "#2B78E4", + "strokeWidth": 3.75 + } + }, + "zIndex": 999, + "width": 50, + "height": 20, + "measured": { + "width": 155, + "height": 20 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -452.3175069304428, + "y": 1820.7051467174065 + } + }, + { + "width": 380, + "height": 49, + "id": "f5WRewBlpeYMf71cPcXs-", + "type": "button", + "position": { + "x": -34.742794769159104, + "y": 2088.899845583502 + }, + "selected": false, + "data": { + "label": "Backend Roadmap", + "href": "https://roadmap.sh/backend", + "color": "#FFf", + "backgroundColor": "#4136D6", + "style": { + "fontSize": 17 + }, + "borderColor": "#4136D6", + "oldId": "StxLh1r3qXqyRSqfJGird" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -34.742794769159104, + "y": 2088.899845583502 + }, + "style": { + "width": 380, + "height": 49 + }, + "focusable": true, + "resizing": false, + "selectable": true, + "measured": { + "width": 278, + "height": 49 + } + }, + { + "id": "UOQYh4L1q1XAl7EuxlQ3m", + "type": "vertical", + "position": { + "x": -215.3175069304428, + "y": 1874.2541881503926 + }, + "selected": false, + "selectable": true, + "draggable": true, + "deletable": true, + "data": { + "label": "vertical node", + "style": { + "stroke": "#2B78E4", + "strokeWidth": 3.75 + } + }, + "zIndex": 999, + "width": 20, + "height": 150, + "measured": { + "width": 20, + "height": 160 + }, + "dragging": false, + "resizing": false, + "focusable": true, + "positionAbsolute": { + "x": -215.3175069304428, + "y": 1874.2541881503926 + } + } + ], + "edges": [ + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "HU7wZWiES3m3xl1-NYP6F", + "sourceHandle": "x2", + "target": "JfXwzkN29UGz17FYHHE3A", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "xy-edge__HU7wZWiES3m3xl1-NYP6Fx2-08qKtgnhJ3tlb5JKfTDf5w1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "JfXwzkN29UGz17FYHHE3A", + "sourceHandle": "z2", + "target": "2rlmLn_yQQV-7DpX1qT98", + "targetHandle": "y2", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__4U-HZQGH7kaWCB94Xy8Mhz2-2rlmLn_yQQV-7DpX1qT98y2", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "JfXwzkN29UGz17FYHHE3A", + "sourceHandle": "z2", + "target": "cMfsRtvzvDZZJ0TqeUOxm", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__4U-HZQGH7kaWCB94Xy8Mhz2-cMfsRtvzvDZZJ0TqeUOxmy1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "JfXwzkN29UGz17FYHHE3A", + "sourceHandle": "z2", + "target": "J5mU0v491qrm-mr1W3Msd", + "targetHandle": "y2", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__4U-HZQGH7kaWCB94Xy8Mhz2-VhSEH_RoWFt1z2lial7xZy2", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "JfXwzkN29UGz17FYHHE3A", + "sourceHandle": "z2", + "target": "6r9XbwlBtHmJrhviG2cTD", + "targetHandle": "y2", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__JfXwzkN29UGz17FYHHE3Az2-6r9XbwlBtHmJrhviG2cTDy2", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "JfXwzkN29UGz17FYHHE3A", + "sourceHandle": "z2", + "target": "ODQ8zrHc2rsc8PN-APKvz", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__JfXwzkN29UGz17FYHHE3Az2-ODQ8zrHc2rsc8PN-APKvzy1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "W_Lg8086ZhrIqtck1sgnb", + "sourceHandle": "y2", + "target": "YZaFEK547FYricfOuANvH", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cy2-YZaFEK547FYricfOuANvHz1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "W_Lg8086ZhrIqtck1sgnb", + "sourceHandle": "y2", + "target": "B77yLU4SuRChSjEbmYwc-", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cy2-B77yLU4SuRChSjEbmYwc-z1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "W_Lg8086ZhrIqtck1sgnb", + "sourceHandle": "y2", + "target": "hrpb108R8Gyu3hhzkMYzL", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cy2-hrpb108R8Gyu3hhzkMYzLz1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "W_Lg8086ZhrIqtck1sgnb", + "sourceHandle": "y2", + "target": "MnmwccPahqPCzOhqjfbsY", + "targetHandle": "z2", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cy2-MnmwccPahqPCzOhqjfbsYz2", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "W_Lg8086ZhrIqtck1sgnb", + "sourceHandle": "y2", + "target": "CehwjrCG_wbUU-TFNCuJn", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cy2-CehwjrCG_wbUU-TFNCuJnz1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "W_Lg8086ZhrIqtck1sgnb", + "sourceHandle": "y2", + "target": "Pc9H7AcoqJQkWnuhbytyD", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cy2-Pc9H7AcoqJQkWnuhbytyDz1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "W_Lg8086ZhrIqtck1sgnb", + "sourceHandle": "y2", + "target": "2SU4dcaz7zwGsF7g8FjmI", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cy2-2SU4dcaz7zwGsF7g8FjmIz1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "W_Lg8086ZhrIqtck1sgnb", + "sourceHandle": "x2", + "target": "jy_91mhFWbpR6sYVbuX1x", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "xy-edge__W_Lg8086ZhrIqtck1sgnbx2-cSXsu17F1Oy34Wp6J-N3Cw1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "jy_91mhFWbpR6sYVbuX1x", + "sourceHandle": "z2", + "target": "AySlY8AyI6jE-cy-qKKOU", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cz2-AySlY8AyI6jE-cy-qKKOUy1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "jy_91mhFWbpR6sYVbuX1x", + "sourceHandle": "z2", + "target": "q9TYEygvUyHourdZIvk8G", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cz2-q9TYEygvUyHourdZIvk8Gy1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "jy_91mhFWbpR6sYVbuX1x", + "sourceHandle": "z2", + "target": "9Q2pGidY-rfkltHq3vChp", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cz2-9Q2pGidY-rfkltHq3vChpy1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "jy_91mhFWbpR6sYVbuX1x", + "sourceHandle": "x2", + "target": "IbEqXlGjsyNLKE9dZrPPk", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "xy-edge__jy_91mhFWbpR6sYVbuX1xx2-cSXsu17F1Oy34Wp6J-N3Cw1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "IbEqXlGjsyNLKE9dZrPPk", + "sourceHandle": "y2", + "target": "RlBc-hWEUOPaEQLTgJa-K", + "targetHandle": "z2", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cy2-RlBc-hWEUOPaEQLTgJa-Kz2", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "IbEqXlGjsyNLKE9dZrPPk", + "sourceHandle": "y2", + "target": "kJMyRhasBKfBypent3GxK", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cy2-kJMyRhasBKfBypent3GxKz1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "IbEqXlGjsyNLKE9dZrPPk", + "sourceHandle": "y2", + "target": "CHdzww8_TNfeM6Bp1oTPI", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cy2-CHdzww8_TNfeM6Bp1oTPIz1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "IbEqXlGjsyNLKE9dZrPPk", + "sourceHandle": "y2", + "target": "t6XxFB_lx27kS4FE2_GMH", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "xy-edge__cSXsu17F1Oy34Wp6J-N3Cy2-sJ1_c3e08aehiqNMbIEEPz1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "IbEqXlGjsyNLKE9dZrPPk", + "sourceHandle": "x2", + "target": "lj1WEh4WbfBsoZFYsi1Yz", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "xy-edge__IbEqXlGjsyNLKE9dZrPPkx2-cSXsu17F1Oy34Wp6J-N3Cw1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "lj1WEh4WbfBsoZFYsi1Yz", + "sourceHandle": "x2", + "target": "iYkHCKTsjtvo40f3eZoet", + "targetHandle": "w2", + "data": { + "edgeStyle": "solid" + }, + "id": "xy-edge__lj1WEh4WbfBsoZFYsi1Yzx2-cSXsu17F1Oy34Wp6J-N3Cw2", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "iYkHCKTsjtvo40f3eZoet", + "sourceHandle": "x2", + "target": "72wGg6yP8WnEdmkeKL9vh", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "xy-edge__iYkHCKTsjtvo40f3eZoetx2-cSXsu17F1Oy34Wp6J-N3Cw1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "72wGg6yP8WnEdmkeKL9vh", + "sourceHandle": "x2", + "target": "inhjhH-7xJyX8o4DQqErF", + "targetHandle": "w2", + "data": { + "edgeStyle": "solid" + }, + "id": "xy-edge__72wGg6yP8WnEdmkeKL9vhx2-cSXsu17F1Oy34Wp6J-N3Cw2", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "inhjhH-7xJyX8o4DQqErF", + "sourceHandle": "x2", + "target": "Uf8XxJPs7RzKVhlxiQdbB", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "xy-edge__inhjhH-7xJyX8o4DQqErFx2-cSXsu17F1Oy34Wp6J-N3Cw1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "JfXwzkN29UGz17FYHHE3A", + "sourceHandle": "x2", + "target": "W_Lg8086ZhrIqtck1sgnb", + "targetHandle": "w2", + "data": { + "edgeStyle": "solid" + }, + "id": "xy-edge__JfXwzkN29UGz17FYHHE3Ax2-W_Lg8086ZhrIqtck1sgnbw2", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "Uf8XxJPs7RzKVhlxiQdbB", + "sourceHandle": "x2", + "target": "Qab1pyIZiJ3Z9q8CuEsc-", + "targetHandle": "w2", + "data": { + "edgeStyle": "solid" + }, + "id": "xy-edge__8YdlLJ_Ki8NxgVzMNeyzox2-mZPU_kbBDBV5j0kaEO-tjw2", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "BVXPP2J15hss2hF85urjN", + "sourceHandle": "z2", + "target": "Qab1pyIZiJ3Z9q8CuEsc-", + "targetHandle": "y1", + "data": { + "edgeStyle": "solid" + }, + "id": "xy-edge__BVXPP2J15hss2hF85urjNz2-WFO_AwmbUJPAFj0tFClJgy1", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "Qab1pyIZiJ3Z9q8CuEsc-", + "sourceHandle": "x2", + "target": "XD0hNlAu05_ZYgv8JvEp1", + "targetHandle": "w2", + "data": { + "edgeStyle": "solid" + }, + "id": "xy-edge__Qab1pyIZiJ3Z9q8CuEsc-x2-WFO_AwmbUJPAFj0tFClJgw2", + "selected": false, + "focusable": true, + "selectable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "XD0hNlAu05_ZYgv8JvEp1", + "sourceHandle": "x2", + "target": "WFO_AwmbUJPAFj0tFClJg", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "xy-edge__XD0hNlAu05_ZYgv8JvEp1x2-WFO_AwmbUJPAFj0tFClJgw1", + "selected": false, + "focusable": true, + "selectable": true + } + ] +} \ No newline at end of file diff --git a/src/data/roadmaps/graphql/graphql.md b/src/data/roadmaps/graphql/graphql.md index 750635b63..4000a9cf2 100644 --- a/src/data/roadmaps/graphql/graphql.md +++ b/src/data/roadmaps/graphql/graphql.md @@ -2,6 +2,7 @@ jsonUrl: '/jsons/roadmaps/graphql.json' pdfUrl: '/pdfs/roadmaps/graphql.pdf' order: 12 +renderer: 'editor' briefTitle: 'GraphQL' briefDescription: 'Step by Step guide to learn GraphQL in 2025' title: 'GraphQL' @@ -10,7 +11,7 @@ isNew: false hasTopics: true dimensions: width: 968 - height: 1669.8 + height: 2200 schema: headline: 'GraphQL Roadmap' description: 'Learn how to use GraphQL with this interactive step by step guide in 2025. We also have resources and short descriptions attached to the roadmap items so you can get everything you want to learn in one place.' diff --git a/src/data/roadmaps/graphql/migration-mapping.json b/src/data/roadmaps/graphql/migration-mapping.json new file mode 100644 index 000000000..46e33369e --- /dev/null +++ b/src/data/roadmaps/graphql/migration-mapping.json @@ -0,0 +1,63 @@ +{ + "graphql-introduction": "JfXwzkN29UGz17FYHHE3A", + "graphql-introduction:graphql-on-the-frontend": "6r9XbwlBtHmJrhviG2cTD", + "graphql-introduction:what-is-graphql": "cMfsRtvzvDZZJ0TqeUOxm", + "graphql-introduction:problems-graphql-solves": "2rlmLn_yQQV-7DpX1qT98", + "graphql-introduction:thinking-in-graphs": "J5mU0v491qrm-mr1W3Msd", + "graphql-introduction:graphql-on-the-backend": "ODQ8zrHc2rsc8PN-APKvz", + "graphql-queries": "W_Lg8086ZhrIqtck1sgnb", + "graphql-queries:what-are-queries": "2SU4dcaz7zwGsF7g8FjmI", + "graphql-queries:fields": "Pc9H7AcoqJQkWnuhbytyD", + "graphql-queries:aliases": "B77yLU4SuRChSjEbmYwc-", + "graphql-queries:arguments": "hrpb108R8Gyu3hhzkMYzL", + "graphql-queries:directives": "MnmwccPahqPCzOhqjfbsY", + "graphql-queries:variables": "YZaFEK547FYricfOuANvH", + "graphql-queries:fragments": "CehwjrCG_wbUU-TFNCuJn", + "mutations": "jy_91mhFWbpR6sYVbuX1x", + "mutations:what-are-mutations": "9Q2pGidY-rfkltHq3vChp", + "mutations:multiple-mutation-fields": "AySlY8AyI6jE-cy-qKKOU", + "mutations:operation-name": "q9TYEygvUyHourdZIvk8G", + "subscriptions": "IbEqXlGjsyNLKE9dZrPPk", + "subscriptions:what-are-subscriptions": "RlBc-hWEUOPaEQLTgJa-K", + "subscriptions:event-based-subscriptions": "kJMyRhasBKfBypent3GxK", + "subscriptions:live-queries": "CHdzww8_TNfeM6Bp1oTPI", + "subscriptions:defer-stream-directives": "t6XxFB_lx27kS4FE2_GMH", + "schema": "lj1WEh4WbfBsoZFYsi1Yz", + "schema:type-system": "jpu0_FAlxtD-H80mPcod5", + "schema:fields": "HPdntdgTar1T34CZX8Y6y", + "schema:enums": "wfOsfb0zSAIdNkwFHfBcw", + "schema:objects": "LX9vZpx7yKlf0iR6AtBWz", + "schema:lists": "d2ikbo4sZq7PmaCi5znkd", + "schema:interfaces": "tc_rjJZrr2x3bp8mcoQ0F", + "schema:unions": "59COH3rerJJzKr6vrj4bF", + "schema:scalars": "U-tLelmNQtR-pUq-sxU_2", + "schema:arguments": "A54vi3Ao7fBHyTuqoH_it", + "validation": "iYkHCKTsjtvo40f3eZoet", + "execution": "72wGg6yP8WnEdmkeKL9vh", + "execution:root-fields": "AlJlHZD3_SPoLNaqdM-pB", + "execution:resolvers": "VDur5xYBC0LJtQgDrSEyj", + "execution:resolvers:synchronous": "uPpsj2kCdgKsJpmTaw86u", + "execution:resolvers:asynchronous": "tbDvQBtLRAcD-xYX9V7Va", + "execution:resolvers:scalar-coercion": "QFUOmJlPkkjpcl1vJxg9h", + "execution:resolvers:lists": "sJ1_c3e08aehiqNMbIEEP", + "execution:validation": "I4wNBXV4xEZ0LWBhv5FwF", + "execution:producing-the-result": "zQHifboRreE4OgJ7GnUlp", + "serving-over-internet": "inhjhH-7xJyX8o4DQqErF", + "serving-over-internet:graphql-over-http": "V3bgswBFr1xames3F8S_V", + "serving-over-internet:graphql-over-http:caching": "UYwuUVTeurwODV4_Kdt_W", + "serving-over-internet:graphql-over-http:batching": "v9gVexHfDkpG9z3NL5S-9", + "serving-over-internet:graphql-over-http:authorization": "i-zcfN6RNXhA_sb7DcIon", + "serving-over-internet:graphql-over-websockets": "A-PQ3_FVuCK3Eud75hsdj", + "serving-over-internet:graphql-over-websockets:real-time": "2YLm_S1j_832pb1OGSNaM", + "serving-over-internet:graphql-over-websockets:authorization": "GzwPvLybxTJM96fUhQUOi", + "serving-over-internet:graphql-over-sse": "O8k-m6s9B_uXkLsXKVFnL", + "serving-over-internet:graphql-over-sse:authorization": "G50ZMlmP7Ru5LcFne5Rhu", + "pagination": "Uf8XxJPs7RzKVhlxiQdbB", + "frontend-implementations:relay": "Ab_ngkf6bmejvcp9okuw6", + "frontend-implementations:apollo-client": "D5O7ky5eXwm_Ys1IcFNaq", + "frontend-implementations:urql": "WP0Oo_YMfLBlXqDQQtKes", + "backend-implementations:graphql-http": "datKo3vPDwXoyVskcrdkc", + "backend-implementations:graphql-yoga": "Gotb1xtxySCVC5MrnkPSs", + "backend-implementations:apollo-server": "o_VkyoN6DmUUkfl0u0cro", + "backend-implementations:mercurius": "iTV2H8clmRTOksul4v38p" +} \ No newline at end of file