Client‑Side GraphQL в React — это практический курс, который поможет вам уверенно работать с GraphQL на стороне клиента. Вы узнаете, как эффективно извлекать, кешировать и обновлять данные, используя Apollo Client и современные React‑хуки.
Что вы узнаете в этом курсе
Курс создан для разработчиков, которые хотят глубже понять клиентскую часть GraphQL и улучшить архитектуру своих React‑приложений. Материал разбит на логичные блоки — от основ до продвинутых техник.
Работа с запросами GraphQL
Вы научитесь создавать и использовать:
Queries для получения данных с API
Mutations для изменения данных
Переменные и входные аргументы
Псевдонимы полей для гибкого контроля структуры ответа
Интеграция GraphQL с React
Apollo Client делает взаимодействие с данными удобным и декларативным. В курсе вы научитесь:
Подключать Apollo Provider к вашему приложению
Использовать хуки useQuery и useMutation
Обрабатывать состояние загрузки и ошибок
Кешировать результаты запросов
Практическая часть курса
Каждый урок сфокусирован на создании реальных компонентов и логики для работы с GraphQL API. Вы будете взаимодействовать с тестовым сервером Apollo и увидите полный цикл работы с данными в современном React‑приложении.
Расширенные возможности
В завершение курса вы изучите дополнительные возможности GraphQL на клиентской стороне:
Фрагменты и переиспользование частей запроса
Оптимизация перерисовок компонентов
Управление кешем вручную
Пагинация и обновление списка данных
Полезные материалы и ресурсы
Для работы над проектами в курсе используйте официальный репозиторий:
Видео в формате .webm — точно работает в Google Chrome!
Кому подойдет этот курс
Курс будет полезен:
Разработчикам React, желающим освоить GraphQL
Фронтенд‑инженерам, которым важно улучшить работу с данными
Тем, кто переходит с REST на GraphQL
Программистам, стремящимся оптимизировать клиентскую часть приложений
Итог
После прохождения вы сможете уверенно строить связку React + GraphQL + Apollo Client, создавать эффективные запросы, управлять состоянием данных и развивать реальные проекты, основанные на современных технологиях.
Удален по просьбе правообладателя
Урок 1.00:06:40
Introduction
Урок 2.00:05:32
GraphQL Playground
Урок 3.00:04:36
Operation Names
Урок 4.00:06:07
Query Operation
Урок 5.00:09:16
Multiple Queries & Mutations
Урок 6.00:03:18
Apollo Client Tool
Урок 7.00:06:07
Storing API Data
Урок 8.00:11:50
Apollo Client & API Querying
Урок 9.00:05:18
Apollo Client & Hooks
Урок 10.00:07:19
Querying Data Exercise
Урок 11.00:09:07
Querying Data Solution
Урок 12.00:06:36
Querying Mutations Demo
Урок 13.00:06:32
Querying Mutations Exercise
Урок 14.00:10:36
Querying Mutations Solution
Урок 15.00:11:17
Caching & Synchronicity
Урок 16.00:06:04
Updating the Cache
Урок 17.00:00:34
Cache Update Exercise
Урок 18.00:04:52
Cache Update Solution
Урок 19.00:13:36
Optimistic UI Updates
Урок 20.00:01:11
Optimistic UI Exercise
Урок 21.00:06:51
Optimistic UI Solution
Урок 22.00:09:59
Client Side Schemas
Урок 23.00:05:22
Fragments
Урок 24.00:00:35
Fragments Exercise
Урок 25.00:01:40
Fragments Solution
Урок 26.00:03:28
Apollo Directives
Урок 27.00:09:07
Wrapping Up
Авторы - master.dev (ex FrontendMasters), Scott Moss
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.
Скотт — генеральный директор и соучредитель Superfilter AI. Он провел годы в качестве венчурного инвестора, инвестируя в стартапы в области искусственного интеллекта, создавая новые функции в качестве инженера в Netflix, а также основав и возглавив стартап по инструментам для разработки. Он дважды основатель YC и любит создавать вещи, которыми одержимы люди. В свободное от работы время Скотт любит играть в баскетбол, а также проводить время со св