igor-grubyi/graphql-tutorial

GraphQL

Описание курса:

В данном видео-курсе мы с вами разберём библиотек GraphQL. GraphQL – фактически это язык запросов или синтаксис, который описывает как запрашивать данные. Он позволяет клиенту запросить лишь желаемые данные. За все отвечает именно клиент. Т.е. GraphQL можно использовать не только на серверной, но и на клиентской стороне.

GraphQL имеет три основные характеристики:

• Он позволяет клиенту точно указать, какие данные ему нужны.
• Облегчает агрегацию данных из нескольких источников.
• Использует систему типов для описания данных.

Используемые ресурсы и инструменты:

• Atom (Редактор кода)
• Create React App (Рабочее окружение)
• mLab (База данных)
• Material-UI (Интерфейс приложения)
• Apollo Client

Полезные ссылки:

• Graphql (Документация)

Установка зависимостей:

• Для сервера: npm i express nodemon graphql express-graphql mongoose cors --save
• Для приложения (UI): yarn add apollo-boost react-apollo graphql @material-ui/core @material-ui/icons react-swipeable-views recompose

Быстрый старт серверной части (уроки с 1 по 9):

• Клонируйте репозиторий: git clone https://github.com/YauhenKavalchuk/graphql-tutorial.git
• Перейдите в папку server и установите зависимости: npm install
• Перейдите в нужную ветку соответствующую уроку: git checkout lesson_01 или git lesson_02 и т.д.
• Запустите проект: npm run dev

Быстрый старт приложения (уроки с 10 по 16):

• Клонируйте репозиторий: git clone https://github.com/YauhenKavalchuk/graphql-tutorial.git
• Перейдите в нужную ветку соответствующую уроку: git checkout lesson_10 или git lesson_11 и т.д.
• Перейдите в папку server и установите зависимости: npm install
  • Запустите сервер: npm run dev
• Перейдите в папку application и установите зависимости: yarn install
  • Запустите проект: yarn start

Список уроков:

• #0 Введение (Introduction)
• #1 Установка окружения (Setup Environment)
• #2 Схема и корневой запрос (GraphQL Schema & Root Query)
• #3 Функция Resolve и тест запроса (The Resolve Function & Testing Query)
• #4 Новый тип и связь между типами (Different Type & Type Relations)
• #5 Списки (GraphQL Lists)
• #6 Мигрируем данные на mLab (Migration to mLab)
• #7 Добавляем Mongoose и обновляем Resolve (Adding Mongoose Models & Updating Resolve)
• #8 Создаём первую мутацию (Create First Mutation)
• #9 Мутации для удаления и обновления (Remove & Update Mutations)
• #10 Структура React приложения (Structure of React Application​)
• #11 Объединяем Front-end и Back-end (Connecting Front-end & Back-end​)
• #12 Отображаем реальные данный с БД (Display Real Data from DB)
• #13 Добавление элементов в БД (Adding Elements to DB)
• #14 Удаление элементов из БД (Removing Elements from DB)
• #15 Редактирование элементов в БД (Edit Elements in DB)
• #16 Поиск элементов в БД (Search Elements in DB)

Автор курса в социальных сетях:

Social network	Link to Profile
LinkedIn:
YouTube:
VK:
Twitter: