REST-ендпоинти враћају тоне непотребних података, а клијенту треба само пар поља? GraphQL преокреће приступ: један ендпоинт, клијент захтева само оно што му треба. Типизирана шема, subscriptions за real-time, Apollo за кеширање. Без overfetching-а и underfetching-а.
GraphQL је упитни језик и извршно окружење за API са типизираном шемом. Један ендпоинт, клијент сам одлучује која поља и релације да захтева. Без overfetching-а, без under-fetching-а. Queries за читање, mutations за писање, subscriptions за real-time.
Типизирана шема — Schema Definition Language (SDL). Сваки тип, поље и аргумент су строго типизирани. Грешке у фази компилације, а не у рантајму. GraphQL се добро комбинује са React клијентима и Next.js
Један ендпоинт — /graphql уместо десетина REST-рута. Сви захтеви преко POST, интроспекција шеме директно из прегледача кроз GraphiQL или Apollo Studio
Subscriptions (real-time) — WebSocket претплате на промене. Ћаскање, обавештења, ток активности — све у реалном времену кроз јединствени механизам
Apollo / Relay — клијентске библиотеке са кеширањем, оптимистичким ажурирањима и генерисањем кодова типова
GraphQL · Schema · Queries · Mutations · Apollo
GraphQL је декларативни упитни језик. Клијент описује које податке му требају и добија тачно њих. Ни бајта више. Строга типизација, интроспекција, јединствени ендпоинт.
Типови, интерфејси, union-типови, enums. Строга валидација на нивоу шеме. Сваки упит се проверава пре извршења — грешке су немогуће.
Apollo Server са кеширањем и ауторизацијом. Apollo Client са InMemoryCache, оптимистичким ажурирањима и генерисањем типова из шеме.
WebSocket-базиране subscriptions. Тренутна ажурирања за ћаскања, обавештења, ток активности и колаборативне апликације.
GraphQL мења правила игре: сада клијент сам диктира које податке да прима. Фронтенд програмер пише упит и добија тачно оно што му треба за екран. Нема координације са бекендом за свако поље.
GraphQL је уговор између клијента и сервера заснован на строгој шеми. Пројектујемо schema-first, генеришемо типове аутоматски, тестирамо сваки resolver.
Пројектовање шеме — Schema-first приступ. Прво SDL опис типова, query и mutation root. Клијенти добијају шему пре почетка развоја сервера.
Resolvers и DataLoader — ефикасни resolvers са batch-ингом кроз DataLoader. N+1 проблем решен архитектурално, а не привременим решењима.
Хибрид REST + GraphQL — комбинујемо REST за једноставне CRUD операције и GraphQL за сложене упите. Јединствена аутентикација и ауторизација.
Codegen и типизација — GraphQL Codegen генерише TypeScript типове из шеме аутоматски. Клијентски код је потпуно типизиран, грешке у фази компилације.
Subscriptions и real-time — WebSocket претплате кроз Apollo или graphql-ws. Ћаскање, обавештења, колаборативно уређивање — све у реалном времену.
GraphQL за мобилне апликације — клијент захтева само потребна поља, без overfetching-а. Идеално за iOS и Android са ограниченим каналом.
Опис шеме → генерисање TypeScript типова, React хук-ова и документације. Без ручног дуплирања. Променили сте шему — типови су се аутоматски ажурирали.
Наручити GraphQL API — добити флексибилан, типизиран и перформантан слој података који убрзава развој фронтенда и елиминише непотребне захтеве.
Пројектујемо GraphQL шему на SDL пре писања resolver-а. Типови, релације, мутације — фронтенд види готов уговор од првог дана.
Unit тестови сваког resolver-а, интеграциони тестови шеме, аутоматски деплој са Apollo Studio. Шема не ломи клијенте при променама.
Интерактивна документација са могућношћу извршавања упита директно у прегледачу. Subscriptions преко WebSocket-а у реалном времену.
GraphQL је флексибилност без хаоса. Клијент добија тачно оно што је затражио, а сервер гарантује типове и структуру. Фронтенд и бекенд се развијају независно, али остају компатибилни — шема води рачуна о реду.
VKontakte
Gmail
