Городские и общественные бани

Самообучение

Выполнение задания "Access an Array's Contents Using Bracket Notation"

Выполнение задания "Add Items to an Array with push() and unshift()"

Решение: https://github.com/gorodskie-bani-ru/nextjs/commit/7977b664c1062c7a1934d25cbc2c199cc2982b38

P.S. Получилось довольно изящное решение проблемы запроса разных топов ресурсов по любому УРЛу (когда не понятно какой именно тип объекта будет возвращен).

С таким подходом получается указать различные наборы полей для разных типов объектов: https://github.com/gorodskie-bani-ru/nextjs/blob/7977b664c1062c7a1934d25cbc2c199cc2982b38/src/gql/resource.graphql#L12-L26

Можно будет в дальнейшем использовать для оптимизации страницы ресурса и здесь https://github.com/freecode-academy/freecode.academy/blob/master/src/pages/Resource/index.tsx

Здесь еще один момент вскрылся: если писать запрос так: 

то есть с фрагментом в корне запроса, то аполло в ответе возвращает только __typename, то есть самого тела объекта нет. При этом с сервера данные приходят корректно.

Дело именно в кеш-манагере аполло. Официальная документация говорит прописать possibleTypes (можно и автоматически подгружать). Но в моем случае помогло и просто убрать фрагмент, то есть вот так запрос написать: 

query resources(
  $where: bani684_site_contentWhereInput
  $orderBy: [bani684_site_contentOrderByInput!]
  $take: Int
  $skip: Int
) {
  resources(where: $where, orderBy: $orderBy, take: $take, skip: $skip) {
    ...resource
  }
}

fragment resource on ResourceUnion {
  ... on Resource {
    id
    pagetitle
    uri
  }

  ... on Company {
    ...CompanyFields
  }

  ... on City {
    ...city
  }
}

Проект	Задача	Статус	Дата постановки	Начало	Конец	Кто создал
Самообучение	Выполнение задания "Check For The Presence of an Element With indexOf()"	Завершена	04.03.2021 20:52:28	04.03.2021 20:52:28	04.03.2021 20:54:22	Олег
Самообучение	Выполнение задания "Combine Arrays with the Spread Operator"	Завершена	04.03.2021 20:47:06	04.03.2021 20:47:06	04.03.2021 20:47:07	Олег
Городские и общественные бани	Добавить unionType	Завершена	04.03.2021 20:14:29	04.03.2021 20:45:06	04.03.2021 22:05:13	Николай Ланец
Самообучение	Выполнение задания "Copy an Array with the Spread Operator"	Завершена	04.03.2021 20:41:17	04.03.2021 20:41:17	04.03.2021 20:41:18	Олег
Самообучение	Выполнение задания "Copy Array Items Using slice()"	Завершена	04.03.2021 20:30:27	04.03.2021 20:30:27	04.03.2021 20:36:14	Олег
Самообучение	Выполнение задания "Add Items Using splice()"	Завершена	04.03.2021 20:27:23	04.03.2021 20:27:23	04.03.2021 20:27:39	Олег
Самообучение	Выполнение задания "Remove Items Using splice()"	Завершена	04.03.2021 20:22:49	04.03.2021 20:22:49	04.03.2021 20:22:50	Олег
Самообучение	Выполнение задания "Remove Items from an Array with pop() and shift()"	Завершена	04.03.2021 20:18:51	04.03.2021 20:18:51	04.03.2021 20:18:52	Олег
Самообучение	Выполнение задания "Add Items to an Array with push() and unshift()"	Завершена	04.03.2021 20:13:12	04.03.2021 20:13:12	04.03.2021 20:14:17	Олег
Самообучение	Выполнение задания "Access an Array's Contents Using Bracket Notation"	Завершена	04.03.2021 20:09:33	04.03.2021 20:09:33	04.03.2021 20:09:34	Олег