Работа с API

Раздел сравнивает подходы к коммуникации клиента с сервером: классический REST, гибкий GraphQL, типобезопасный tRPC и real-time через WebSocket, SSE и Long Polling.

10 статей 81 вопросов

Начни с базы

REST — Архитектурный стиль для распределённых систем

REST — архитектурный стиль для распределённых систем. Шесть ограничений, ресурсы, HTTP-методы, коды ответов, HATEOAS, сравнение с SOAP, GraphQL и gRPC.

8 вопросов

HTTP-клиенты: fetch, axios, ky и ofetch

Сравнение HTTP-клиентов для фронтенда: нативный fetch, axios, ky и ofetch. Когда какой выбирать, как централизовать клиент и обрабатывать ошибки.

8 вопросов

GraphQL vs REST: когда что выбрать

Сравнение REST и GraphQL: принципы, преимущества, недостатки. Схемы, запросы, мутации, подписки. Сценарии использования и компромиссные решения.

8 вопросов

Углубись в детали

Отмена HTTP-запросов: AbortController, Race Conditions и cleanup

Отмена HTTP-запросов через AbortController в fetch, axios и ky. Предотвращение race conditions, cleanup в useEffect, интеграция с TanStack Query.

8 вопросов

Ретраи и exponential backoff

Ретраи при сетевых ошибках: exponential backoff с jitter, retry-after, идемпотентность запросов, настройка ретраев в ky, axios и TanStack Query.

8 вопросов

Long Polling — обновления через обычный HTTP

Long Polling — техника real-time обновлений через обычный HTTP. Реализация на fetch и в React, обработка ошибок, сравнение с WebSocket и SSE.

8 вопросов

Server-Sent Events: real-time через HTTP

Server-Sent Events (SSE) — односторонний real-time через обычный HTTP: EventSource, авто-переподключение, форматы событий, реализация в React и Next.js, сравнение с WebSocket.

8 вопросов

WebSocket: двусторонний real-time

WebSocket — протокол двустороннего real-time: подключение, переподключения с exponential backoff, heartbeat, интеграция с состоянием в React и Vue, серверная часть в Next.js и Nuxt, масштабирование через Redis.

8 вопросов

tRPC и типобезопасные API

tRPC — end-to-end типизация без codegen: процедуры, роутеры, zod-валидация, React Query, SSR. Сравнение с REST, GraphQL и OpenAPI-кодогенерацией.

8 вопросов

Не будет лишним

Socket.IO: rooms, namespaces и real-time

Socket.IO — библиотека real-time поверх WebSocket: Engine.IO, транспорты и fallback, rooms, namespaces, acknowledgements, middleware, переподключения и масштабирование через Redis adapter.

9 вопросов