Разделы презентаций

Переход от REST API к GraphQL на примере реальных проектов

Содержание

Антон МоревПриложенияСайтыСистемы автоматизации (CRM, ERP)МаркетингСопровождение проектовIT-ДиректорОптимизация процессов разработкиReview ключевых проектов

Слайды и текст этой презентации

Слайд 1Переход от REST API к GraphQL на примере реальных проектов
Антон

Морев, Wormsoft

Переход от REST API к GraphQL на примере реальных проектовАнтон Морев, Wormsoft

Слайд 2Антон Морев
Приложения
Сайты
Системы автоматизации (CRM, ERP)
Маркетинг
Сопровождение проектов
IT-Директор
Оптимизация процессов разработки
Review ключевых проектов

Антон МоревПриложенияСайтыСистемы автоматизации (CRM, ERP)МаркетингСопровождение проектовIT-ДиректорОптимизация процессов разработкиReview ключевых проектов

Слайд 3DATABASE
CACHE
OTHER API
QUEUE
… ETC
КЛИЕНТ
СЕРВЕР
Взаимодействие с сервером
API

DATABASECACHEOTHER APIQUEUE… ETCКЛИЕНТСЕРВЕРВзаимодействие с серверомAPI

Слайд 4POST /order
GET /goods
Стандартное решение на REST

POST /orderGET /goodsСтандартное решение на REST

Слайд 5ДОКУМЕНТАЦИЯ

ДОКУМЕНТАЦИЯ

Слайд 6“Я не хочу писать документацию,
я хочу писать код”

© “Senior”

Developer
№1
БЕЛЫЙ ЛИСТ

“Я не хочу писать документацию, я хочу писать код”© “Senior” Developer№1БЕЛЫЙ ЛИСТ

Слайд 7спроси у Ивана - он знает где у нас это
в

каком поле у нас текущий статус?
№2
№2
МУДРЕЦ

спроси у Ивана - он знает где у нас этов каком поле у нас текущий статус?№2№2МУДРЕЦ

Слайд 8«Мы храним документацию в docx файлах под git
со всеми

JSON ответами и запросами»
№3
WORD, EXСEL , GOOGLEDOC

«Мы храним документацию в docx файлах под git со всеми JSON ответами и запросами»№3WORD, EXСEL , GOOGLEDOC

Слайд 9Инструменты для документации (swagger и тд)
№4

Инструменты для документации (swagger и тд)№4

Слайд 10РАЗГРАНИЧЕНИЕ ДАННЫХ

РАЗГРАНИЧЕНИЕ ДАННЫХ

Слайд 11Количество запросов
HEADER
FOOTER
PRODUCT CARD
REVIEWS
getDeliveryData
getHeaderData
getFooterData
getProductCardData
getReviewsData
CONNECTED PRODUCTS

Количество запросовHEADERFOOTERPRODUCT CARDREVIEWSgetDeliveryDatagetHeaderDatagetFooterDatagetProductCardDatagetReviewsDataCONNECTED PRODUCTS

Слайд 12КАТАЛОГ ТОВАРОВ
ОТЗЫВЫ
КОРЗИНА
КАРТОЧКА ТОВАРА
ИСТОРИЯ ЗАКАЗОВ
ТОВАР

КАТАЛОГ ТОВАРОВОТЗЫВЫКОРЗИНАКАРТОЧКА ТОВАРАИСТОРИЯ ЗАКАЗОВТОВАР

Слайд 13{
"id": 123,
"title": "Bentley For Men",
"price": 100,
"connectedProducts":

[],
"photos": [],
"countInBasket": 3,
"reviews": [],
"variants": []
}
"description":

"Лучшие духи",
"brand": "Bentley",

GET /allRoundProduct?id=123

{

Слайд 14СВОЯ МОДЕЛЬ НА КАЖДУЮ СИТУАЦИЮ

СВОЯ МОДЕЛЬ НА КАЖДУЮ СИТУАЦИЮ

Слайд 15{
"id": 123,
"title": "",
"price": "",
"description": "",
"brand":

"",
"photos": []
}
GET /product/card?id=123

{

Слайд 16[
{
"id": 123,
"title": "",
"price":

100,
"photo": {}
}
]
GET /product/connected?id=123

[ {

Слайд 17[
{
"id": 123,
"title": "",
"photo":

[],
"rating": 3,
"price": 100
}
]
GET

/product/list
[ {

Слайд 18{
"commonInfo": {},
"cardInfo": {},
"listInfo": {},
"basketInfo": {}
}
ИЕРАРХИЧЕСКАЯ МОДЕЛЬ
GET

/product/full?id=123

{

Слайд 19Интернет-магазин Решения на REST
ЯЗЫК ЗАПРОСОВ
только cardInfo и basketInfo
product/full?id=1&fields=cardInfo,basketInfo
API
Интернет-магазин. Решения на

REST

Интернет-магазин Решения на RESTЯЗЫК ЗАПРОСОВтолько cardInfo и basketInfoproduct/full?id=1&fields=cardInfo,basketInfoAPIИнтернет-магазин. Решения на REST

Слайд 20getModel?id=1&fields=title,
description,price
getModel?id=1&fields=title,price,
connectedProducts.title,
connectedProducts.description
getModel?id=1&fields=
user.id,reviews.date,reviews.text,
title,description,
rating,price,
reviews.user.name,reviews.
connectedProducts.title,
connectedProducts.price, connectedProducts.rating,
photos.src,photos.alt,
dicsount.rate,discount.amount

getModel?id=1&fields=title,description,pricegetModel?id=1&fields=title,price,connectedProducts.title,connectedProducts.descriptiongetModel?id=1&fields=user.id,reviews.date,reviews.text,title,description,rating,price, reviews.user.name,reviews.connectedProducts.title,connectedProducts.price, connectedProducts.rating,photos.src,photos.alt,dicsount.rate,discount.amount

Слайд 21МНОГО
ЗАПРОСОВ
(удобно)
ОДИН
ЗАПРОС
(неудобно)
Интернет-магазин. Решения на REST

МНОГОЗАПРОСОВ(удобно)ОДИНЗАПРОС(неудобно)Интернет-магазин. Решения на REST

Слайд 22Можно выбирать что именно мы хотим получить
Несколько сущностей в одном

запросе
Автоматическая документация
Интернет-магазин Желаемое решение
Интернет магазин. Желаемое решение

Можно выбирать что именно мы хотим получитьНесколько сущностей в одном запросеАвтоматическая документацияИнтернет-магазин Желаемое решениеИнтернет магазин. Желаемое решение

Слайд 23РЕАЛИЗАЦИЯ НА GRAPHQL

РЕАЛИЗАЦИЯ НА GRAPHQL

Слайд 24ОПИСАНИЕ СХЕМЫ




type Product {
id: ID!
title: String
description: String
}
type

Query {
product (id: ID!): Product
}

ОПИСАНИЕ СХЕМЫtype Product { id: ID! title: String description: String}type Query { product (id: ID!): Product}

Слайд 25ЗАПРОС
query {
product (id: 123)

{
title

description
}
}
ЗАПРОСquery { product (id: 123) { title

Слайд 26{
"product": {
"title": "Духи",

"description":"Описание товара…"
}
}
ОТВЕТ

{

Слайд 27type Product {
id: ID
title: String

description: String
variants: [ProductVariant]
}
ВАРИАНТЫ ТОВАРА

type Product { id: ID title: String description: String variants: [ProductVariant]}ВАРИАНТЫ ТОВАРА

Слайд 28query {
product (id: 123) {
title
variants {
id

title
}
}
}
ПОЛУЧЕНИЯ ПОЛЯ VARIANTS

query { product (id: 123) { title variants { id title } }}ПОЛУЧЕНИЯ

Слайд 29{
"title": "Chanel Chance Eau Tendre",
"variants": [
{

"id": 1,
"title": "Подарок, 200мл"

},
{
"id": 2,
"title": "Пробник, 1.5мл "
}
]
}

ОТВЕТ

{

Слайд 30type ProductVariant {
id: ID
title: String

price: Float
priceDiscount: Float
image: ImageModel
}
ИНТЕРНЕТ-МАГАЗИН РЕШЕНИЯ НА

GRAPHQL
type ProductVariant { id: ID title: String price: Float priceDiscount: Float image:

Слайд 31ЗАПРОС ДЛЯ СТРАНИЦЫ
query {
header {
#header fields
}

product (id: 123) {
#product fields
}
footer {

#footer fields
}
}
ЗАПРОС ДЛЯ СТРАНИЦЫquery { header { #header fields } product (id: 123) { #product fields

Слайд 33Выбор/Создание запроса
Добавление нужного
поля в response
Реализация логики
получения поля
Расширение документации
BACKEND ДО
Процесс

внедрения нового свойства в сущность товара

Выбор/Создание запросаДобавление нужногополя в responseРеализация логики получения поляРасширение документацииBACKEND ДОПроцесс внедрения нового свойства в сущность товара

Слайд 34BACKEND ПОСЛЕ
Процесс внедрения нового свойства в сущность товара
Выбор/Создание запроса
Добавление нужного
поля

в тип
Реализация логики
получения поля
Расширение документации
Процесс внедрения нового свойства в сущность

товара
BACKEND ПОСЛЕПроцесс внедрения нового свойства в сущность товараВыбор/Создание запросаДобавление нужногополя в типРеализация логикиполучения поляРасширение документацииПроцесс внедрения нового

Слайд 35FRONTEND ДО
Внедрение GraphQL Интернет-магазин
Выяснение в каком запросе было обновление
Изучение документации
Использование

поля
Новый endpoint/расширение старого
Процесс внедрения нового свойства в сущность товара

FRONTEND ДОВнедрение GraphQL Интернет-магазинВыяснение в каком запросе было обновлениеИзучение документацииИспользование поляНовый endpoint/расширение старого Процесс внедрения нового свойства

Слайд 36FRONTEND ПОСЛЕ
Добавление нужного поля в GQL запрос за сущностью
Изучение документации
Использование

поля
Новый endpoint/расширение старого
Процесс внедрения нового свойства в сущность товара

FRONTEND ПОСЛЕДобавление нужного поля в GQL запрос за сущностьюИзучение документацииИспользование поляНовый endpoint/расширение старого Процесс внедрения нового свойства

Слайд 37ВНЕДРЕНИЕ GRAPHQL РАЗРАБОТКА С МИКРОСЕРВИСАМИ

ВНЕДРЕНИЕ GRAPHQL РАЗРАБОТКА С МИКРОСЕРВИСАМИ

Слайд 38Банк криптовалюты
Интерфейс
КРИПТОВАЛЮТНЫЕ БИРЖИ
WALLET RPC
ЯДРО СИСТЕМЫ

Банк криптовалютыИнтерфейсКРИПТОВАЛЮТНЫЕ БИРЖИWALLET RPCЯДРО СИСТЕМЫ

Слайд 39PHP Yii2
REST
API Module
Wallet RPC (C++)
Exchange API
Auth module
Deposit module
Payments module
Email module
ИНТЕРФЕЙС

PHP Yii2RESTAPI ModuleWallet RPC (C++)Exchange APIAuth moduleDeposit modulePayments moduleEmail moduleИНТЕРФЕЙС

Слайд 40class TransactionsController extends Controller
{
public function actionIndex($page = 1,

$type = null)
{
$userId =

Yii::$app->user->id;

return $this->transactionsRepository
->getTransactions($userId, $page, $type);
}
}

class TransactionsController extends Controller{ public function actionIndex($page = 1, $type = null) {

Слайд 41Интерфейс
Email service (GoLang)
Money module
(PHP)
Exchanges Services
(PHP, NodeJS)
Chat service
(NodeJS)
API Core Server (PHP

Yii2)
Docs
Docs
Docs
Docs

ИнтерфейсEmail service (GoLang)Money module(PHP)Exchanges Services(PHP, NodeJS)Chat service(NodeJS)API Core Server (PHP Yii2)DocsDocsDocsDocs

Слайд 42СОБСТВЕННЫЙ РЕПОЗИТОРИЙ
ПРЯМОЙ ЗАПРОС В БД
'resolve' => function($value, $args, $context, ResolveInfo

$info) {
return DB::getInstance()->select('SELECT * from products');
},
'resolve' => function($value,

$args, $context, ResolveInfo $info) {
//Получение любой информации
}

'resolve' => function($value, $args, $context, ResolveInfo $info) {
return $context->productRepository->getProducts($args['page']);
}

СОБСТВЕННЫЙ РЕПОЗИТОРИЙПРЯМОЙ ЗАПРОС В БД'resolve' => function($value, $args, $context, ResolveInfo $info) { return DB::getInstance()->select('SELECT * from

Слайд 43GET
query {
/user/
payments
/list
user {
payments {
list {

id

amount
}
}
}
}
GETquery {/user/payments/listuser { payments { list { id

Слайд 44GET
/notifications
/user
/payments
/list
GET
/user
/info
GET
/user
GET
/user
/system
/status
/list
query {
user {
payments {
list {

id

amount
}
}

info {
name
money
}

system {

status

list {

}
notifications {

text
}
}
}
}

id

GET/notifications/user/payments/listGET/user/infoGET/userGET/user/system/status/listquery {user { payments { list { id

Слайд 45ВНЕДРЕНИЕ GRAPHQL ОПТИМИЗАЦИЯ РАЗРАБОТКИ

ВНЕДРЕНИЕ GRAPHQL ОПТИМИЗАЦИЯ РАЗРАБОТКИ

Слайд 46сущности
сбор данных с API сервера
управление примитивными CRUD сущностями
Внедрение GraphQL. Админ-панель
SITE
API

Server
Admin Panel
отображение данных
Frontend логика
бизнес логика
обработка заявок
система оповещений
управления бизнес логикой (формы)

сущностисбор данных с API серверауправление примитивными CRUD сущностямиВнедрение GraphQL. Админ-панельSITEAPI ServerAdmin Panelотображение данныхFrontend логикабизнес логикаобработка заявоксистема оповещенийуправления

Слайд 47Внедрение GraphQL. Админ-панель
Описание сущности
GraphQL схема
resolvers для каждого поля каждой сущности
интерфейс

админ-панели
автоформирование

Внедрение GraphQL. Админ-панельОписание сущностиGraphQL схемаresolvers для каждого поля каждой сущностиинтерфейс админ-панелиавтоформирование

Слайд 48{
“type”: “input_text”,
“label”: “Название”
“name”: “title”
}
metro {
list

{
items {
title

}
}
}
{ “type”: “input_text”, “label”: “Название” “name”: “title”}metro { list { items {

Слайд 49query {
offices {
title
photoSrc

address
metro {

list {
title
}
}
shortDescription
price {
month
}
}
}
query { offices { title photoSrc address metro {

Слайд 50Изменение в процессе добавления/ изменения примитивной сущности
BACKEND
ДО
ПОСЛЕ
Разработка Логики хранения данных
Разработка

логики CRUD
Разработка интерфейса управления
Добавление/ расширение запроса
Обновление документации API
Обновление конфигурации
Разработка логики

CRUD

Разработка интерфейса управления

Добавление/ расширение запроса

Обновление документации API

Изменение в процессе добавления/ изменения примитивной сущностиBACKENDДОПОСЛЕРазработка Логики хранения данныхРазработка логики CRUDРазработка интерфейса управленияДобавление/ расширение запросаОбновление документации

Слайд 51FRONTEND
ДО
ПОСЛЕ
Изучение документации
Добавление нового запроса
Обработка данных
Изучение документации
Расширение Query
Обработка данных
Изменение в процессе

добавления/ изменения примитивной сущности

FRONTENDДОПОСЛЕИзучение документацииДобавление нового запросаОбработка данныхИзучение документацииРасширение QueryОбработка данныхИзменение в процессе добавления/ изменения примитивной сущности

Слайд 52ОБНОВЛЕНИЕ ДАННЫХ ЧЕРЕЗ GRAPHQL

ОБНОВЛЕНИЕ ДАННЫХ ЧЕРЕЗ GRAPHQL

Слайд 53GraphQL. Мутации
mutation {
office {
update (id:123, model: {title:

"newTitle"})
}
}

GraphQL. Мутацииmutation { office { update (id:123, model: {title:

Слайд 54GraphQL. Обновление данных
{
taskModule {
task

(id: 123) {
mainInfo (

title: “title”,
description: “description”
)
}
}
}

POST /taskModule/task/mainInfo?id=123
{
title: “title”,
description: “description”
}


GraphQL. Обновление данных{ taskModule { task (id: 123) {

Слайд 56ОСОБЕННОСТИ GRAPHQL

ОСОБЕННОСТИ GRAPHQL

Слайд 57Обычный запрос в REST
API
Запрос
Парсинг запроса
Определение контроллера
Запуск контроллера
Получение результата
Ответ

Обычный запрос в RESTAPIЗапросПарсинг запросаОпределение контроллераЗапуск контроллераПолучение результатаОтвет

Слайд 58API
…
Как работать с GraphQL. Асинхронность
Запрос
Ответ
Парсинг запроса
Определение резолверов
Запуск резолвера
Запуск резолвера
Запуск резолвера
Подготовка

ответа

API…Как работать с GraphQL. АсинхронностьЗапросОтветПарсинг запросаОпределение резолверовЗапуск резолвераЗапуск резолвераЗапуск резолвераПодготовка ответа

Слайд 59За чем следить в GraphQL?
N+1
Сложность запросов
Сложность контроля
Кэширование
Порог вхождения
Асинхронность

За чем следить в GraphQL?N+1Сложность запросовСложность контроляКэшированиеПорог вхожденияАсинхронность

Слайд 60query {
task {
list {

id
title
}
}
}
Особенности

GraphQL. N+1
query { task { list { id title

Слайд 61query {
task {
list {

id
title
subtask {

title
}
}
}
}

Особенности GraphQL. N+1

query { task { list { id title

Слайд 62Особенности GraphQL. N+1
'resolve' => function ($root) {

Loader::add($root->id);
return new Deferred(

function () use ($root) {
Loader::prepareData();
return Loader::get($root->id);
}
);
},
]
Особенности GraphQL. N+1'resolve' => function ($root) { Loader::add($root->id); return new Deferred(

Слайд 63Как работать с GraphQL. Сложность запроса
task {
subTask {

subTask {
subTask {
subTask

{
id
}
}
}
}
}

Как работать с GraphQL. Сложность запросаtask { subTask { subTask { subTask {

Слайд 641. task {
2. subTask {
3. subTask {

4. subTask {
5. subTask

{
6. id
}
}
}
}
}

ОГРАНИЧЕНИЕ ГЛУБИНЫ ЗАПРОСА

Query Depth < 4

1. task { 2. subTask { 3. subTask { 4. subTask {

Слайд 653*i5
1. task {
subTask {
subTask {

subTask {
subTask

{
id
}
}
}
}
}

ОГРАНИЧЕНИЕ СЛОЖНОСТИ ЗАПРОСА

Query Complexity < 40

3*i2

3*i3

3*i4

3*i6

3*i51. task { subTask { subTask { subTask {

Слайд 66Как работать с GraphQL. Кэширование
Кэширование на уровне web-сервера
GET /api/info
cache
КЛИЕНТ
Приложение

Как работать с GraphQL. КэшированиеКэширование на уровне web-сервераGET /api/infocacheКЛИЕНТПриложение

Слайд 67Как работать с GraphQL. Кэширование
POST /graphql
Кешировать на основании body
КЛИЕНТ
Приложение
Кэширование на

уровне web-сервера

Как работать с GraphQL. КэшированиеPOST /graphqlКешировать на основании bodyКЛИЕНТПриложениеКэширование на уровне web-сервера

Слайд 68Как работать с GraphQL. Кэширование
GET /api/info
cache
public function actionInfo()

{
$query = ''; //фиксированный запрос

return GraphQLHandler::handleQuery($query);
}

Клиент

Приложение

Кэширование на уровне web-сервера

Как работать с GraphQL. КэшированиеGET /api/infocache public function actionInfo() { $query =

Слайд 69Зачем GraphQL, если и так сойдет?
Внедрение GraphQL. Сложность адаптации

Зачем GraphQL, если и так сойдет?Внедрение GraphQL. Сложность адаптации

Слайд 70А почему не GraphQL?
Внедрение GraphQL. Сложность адаптации

А почему не GraphQL?Внедрение GraphQL. Сложность адаптации

Слайд 71API
…
Как работать с GraphQL. Асинхронность
2
Запрос
Ответ
Парсинг запроса
Определение резолверов
Запуск резолвера
Запуск резолвера
Запуск резолвера
1
2
N
Подготовка

ответа

API…Как работать с GraphQL. Асинхронность2ЗапросОтветПарсинг запросаОпределение резолверовЗапуск резолвераЗапуск резолвераЗапуск резолвера12NПодготовка ответа

Слайд 72Как работать с GraphQL. Асинхронность
REST
API
GET user/info
GET account/money
GET something/more

Как работать с GraphQL. АсинхронностьRESTAPIGET user/infoGET account/moneyGET something/more

Слайд 73Инициализация запроса ~ от 30мс (PHP)
Как работать с GraphQL. Асинхронность

Инициализация запроса ~ от 30мс (PHP)Как работать с GraphQL. Асинхронность

Слайд 74Как работать с GraphQL. Долгие поля

Как работать с GraphQL. Долгие поля

Слайд 75Один тяжелый или много легких?
Внедрение GraphQL. Постановка вопроса

Один тяжелый или много легких?Внедрение GraphQL. Постановка вопроса

Слайд 76ТЕСТОВЫЙ КЕЙС

ТЕСТОВЫЙ КЕЙС

Слайд 77Нагрузочный тест. Инструментарий

Нагрузочный тест. Инструментарий

Слайд 78SQLITE
Nuxt.JS
PHP-SLIM
Нагрузочный тест
API

SQLITENuxt.JSPHP-SLIMНагрузочный тестAPI

Слайд 79Redis
Node.JS
PHP-SLIM
Нагрузочный тест
API

RedisNode.JSPHP-SLIMНагрузочный тестAPI

Слайд 80Нагрузочный тест. Инструментарий
ОЗУ: 1ГБ
SSD: 30ГБ
CPU: 1
Backend
PHP 7.2
Slim Framework
webonyx/graphql-php
Frontend
Node.JS 10.16
Express
Axios

HTTP Client

Нагрузочный тест. ИнструментарийОЗУ: 1ГБSSD: 30ГБCPU: 1BackendPHP 7.2Slim Frameworkwebonyx/graphql-phpFrontendNode.JS 10.16Express Axios HTTP Client

Слайд 81Нагрузочный тест. Условия
30 одновременных пользователей
Суммарное количество запросов: 200 каждый

Нагрузочный тест. Условия30 одновременных пользователейСуммарное количество запросов: 200 каждый

Слайд 82Кейс 1. Список товаров
…
Товар 1
Товар 2
Товар 3
Товар N
Сравнение получение одинакового количества

данных

Проверка влияния N+1 на результат

Кейс 1. Список товаров…Товар 1Товар 2Товар 3Товар NСравнение получение одинакового количества данныхПроверка влияния N+1 на результат

Слайд 83Кейс 1. Список товаров
Среднее время ответа (мс)

Кейс 1. Список товаровСреднее время ответа (мс)

Слайд 84Кейс 2. Карточка товара без связей
Описание товара
Фото
товара

Характеристики товара

Кейс 2. Карточка товара без связейОписание товараФото товараХарактеристики товара

Слайд 85Кейс 2. Карточка товара без связей
Среднее время ответа (мс)

Кейс 2. Карточка товара без связейСреднее время ответа (мс)

Слайд 86Кейс 3. Карточка со связями
Фото
товара
Описание
товара
Характеристики товара
Отзывы о товаре
Связанные

товары
Рейтинг пользователя
Рейтинг товара
Наличие в корзине

Кейс 3. Карточка со связямиФото товараОписание товараХарактеристики товараОтзывы о товареСвязанные товарыРейтинг пользователяРейтинг товараНаличие в корзине

Слайд 87Кейс 3. Карточка со связями
Среднее время ответа (мс)

Кейс 3. Карточка со связямиСреднее время ответа (мс)

Слайд 88Небольшой вывод
Стоит ли подключать GraphQL в реальные проекты?
Да, но всегда

помнить о:
N+1
Сложностях кеширования
N+1
Сложности запроса
N+1

Небольшой выводСтоит ли подключать GraphQL в реальные проекты?Да, но всегда помнить о:N+1Сложностях кешированияN+1Сложности запросаN+1

Слайд 89Интерфейс
Работа с подписками
curl export
CPU 20%
от создателей GraphQL
интеграция с кодом проекта
Как

работать с GraphQL. Инструменты
JS-GraphQL
GraphiQL

ИнтерфейсРабота с подпискамиcurl exportCPU 20%от создателей GraphQLинтеграция с кодом проектаКак работать с GraphQL. ИнструментыJS-GraphQLGraphiQL

Слайд 90Как работать с GraphQL. Библиотеки
Frontend
Backend
graphql-go/graphql
webonyx/graphql-php
graphql/graphql-js
vuejs/vue-apollo
apollographql/react-apollo

Как работать с GraphQL. БиблиотекиFrontendBackendgraphql-go/graphqlwebonyx/graphql-phpgraphql/graphql-jsvuejs/vue-apolloapollographql/react-apollo

Слайд 91Когда GraphQL усложняет процессы
В некоторых MVP
В системах отчетности и аналитики
В

общих сервисах аутентификации
В командах где не знают GraphQL
1
2
3
4

Когда GraphQL усложняет процессыВ некоторых MVPВ системах отчетности и аналитикиВ общих сервисах аутентификацииВ командах где не знают

Слайд 92Антон Морев
Благодарю за внимание!
amorev
wormsoft.ru
@amorev

Антон МоревБлагодарю за внимание!amorevwormsoft.ru@amorev

Похожие презентации

Формирование классической школы политической экономии Механизм рынка, или идея Формирование классической школы политической экономии Механизм рынка, или идея 333
Цитологические основы хромосомных и геномных мутаций Цитологические основы хромосомных и геномных мутаций 361
80 лет Свердловской области 80 лет Свердловской области 339
Подготовка руки к письму Подготовка руки к письму 366
RU_Company RU_Company 295
Фредерик бегбедер (1965-…) Фредерик бегбедер (1965-…) 263
организационно-экономические системы управления Производственно-экономические и организационно-экономические системы управления Производственно-экономические и 199
Баскетбол Бросок мяча в движении Баскетбол Бросок мяча в движении 527
В мире ориентиров В мире ориентиров 159
Севастополь 2020 Тема 7: Крепость Каламита Выполнила: Богатырева Севастополь 2020 Тема 7: Крепость Каламита Выполнила: Богатырева 182
Энциклика папы Франциска FRATELLI TUTTI (Всеобщее братство) о братстве и Энциклика папы Франциска FRATELLI TUTTI (Всеобщее братство) о братстве и 162
Баян-Талинская сельская библиотека Баян-Талинская сельская библиотека 195
Доступы для занятия/ дз Доступы для занятия/ дз 175
Лекарственные растения и лекарственное растительное сырье, содержащие Лекарственные растения и лекарственное растительное сырье, содержащие 255
Зарубежные модели менеджмента Зарубежные модели менеджмента 377
Экстремизм Экстремизм 227
Год ударной работы: Год ударной работы: 198
Модуль Е1.Разработка и обоснование нового туристского маршрута Модуль Е1.Разработка и обоснование нового туристского маршрута 204
КАФЕДРА ОПЕРАТИВНОЙ ХИРУРГИИ И ТОПОГРАФИЧЕСКОЙ АНАТОМИИ КАФЕДРА ОПЕРАТИВНОЙ ХИРУРГИИ И ТОПОГРАФИЧЕСКОЙ АНАТОМИИ 236
Задания 5 класс «Натуральные числа» Задания 5 класс «Натуральные числа» 468

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.

Для правообладателей

Яндекс.Метрика