JavaScript'te GraphQL Kullanarak Data Yönetimi

Adı : JavaScript'te GraphQL Kullanarak Data Yönetimi

JavaScript ile GraphQL kullanarak veri yönetimi, son yıllarda web uygulamalarının giderek artan karmaşıklığına karşı daha verimli bir alternatif sağlamakta. GraphQL, RESTful gibi diğer API'lere göre daha az iş yükü gerektirerek, sunucudan istenen veriye özelleştirilmiş bir şekilde istek gönderme imkanı sunmaktadır. Bu yazıda, JavaScript ve GraphQL kullanarak verileri nasıl yönetebileceğimizi inceleyeceğiz.
GraphQL Nedir?
GraphQL, 2015 yılında Facebook tarafından geliştirilmiş bir API sorgulama dilidir. RESTful API'lere benzer şekilde, istemcilerin sunucuya veri istemek için istekler göndermesini sağlar. Ancak GraphQL, REST'te sık yaşanan over-fetching ya da under-fetching sorunlarını ortadan kaldırmak için tasarlanmıştır.
Özellikle kompleks uygulamalarda, RESTful API'ler istemcilerin ihtiyacı olmayan fazla verileri almasına neden olabilir. Over-fetching durumunda, istemcilerin ihtiyaç duymadığı verileri de istemeleri gerekebilir. Diğer yandan, belirli bir işlev için tüm verileri almak yerine, RESTful API'ler istemcilerin yalnızca belli bir parçasına ihtiyaçları olabilir. Bu nedenle, tek bir yol sağlamak yerine, RESTful API'ler farklı işlevler için çok sayıda endpoint sağlarlar. Bu durumda, istemciler birden fazla endpoint'e ihtiyaç duyabilirler. Bu sorunlar, GraphQL tarafından giderilir.
GraphQL, isteklerin taraflar arasında değişen karmaşıklığına göre uyum sağlar. İstemcilerin sunucudan istedikleri verilere özelleştirilmiş istekler göndermelerini mümkün kılar. Sunucu, istemcinin gönderdiği sorguyu işler ve tam olarak istenilen verileri geri gönderir. Böylece, verilerin alınması ve gönderilmesi daha verimlidir.
GraphQL Kullanarak Veri Yönetimi
GraphQL kullanarak veri yönetimi, verilerin nasıl alındığını ve örgütlendiğini belirlemekle başlar. Veritabanından çıktı alan sorgular, GraphQL tarafından belirli bir model ve schema formatında örgütlendirilir. Ardından, verilerin saklanması ve işlenmesi için bir framework kullanılır.
JavaScript ile GraphQL Kullanımı
JavaScript'te kullanılan en yaygın GraphQL kütüphaneleri, Apollo Client ve Relay'dir. Apollo Server aynı zamanda bir sunucu çözümü olarak kullanılabilir. Bu yazıda, Apollo Client kullanarak bir örnek inceleyeceğiz.
Örnek Uygulama
Örnek uygulamamız, React kullanarak bir kitap listesi uygulamasıdır. Uygulama, GraphQL kullanarak verileri alır ve Apollo Client kullanarak verileri işler. Uygulama, bir GraphQL sunucusundan veri alarak, uygulamanın kullanıcılara görüntüleyeceği kitap listesindeki kitapları oluşturur.
1. Adım: Apollo Kurulumu
Apollo Client'ın kullanılabilmesi için, öncelikle Apollo paketinin yüklenmesi gereklidir. Node Package Manager (npm) kullanılarak aşağıdaki komut girilerek Apollo paketi kurulabilir:
```
npm install apollo-boost react-apollo graphql
```
2. Adım: GraphQL Sorgulama
Verilerin sunucudan alınabilmesi için GraphQL kullanarak sorgulama yapmak gereklidir. Sorgular genellikle GraphQL Sunucusuna gönderilmek üzere bir GraphQL özellikleri ve bir sorgu dizgisini kullanır.
```
import gql from graphql-tag;
const getBooksQuery = gql`
{
books {
name
id
}
}
`
```
Yukarıdaki sorgu, books adlı bir GraphQL Query Type tarafından yönetilen mevcut kitaplar listesini getirir.
3. Adım: Verileri Gösterme
Sorgulama yapıldıktan sonra, aldığımız verileri gösterebiliriz. Bu konuda React kullanarak bir uygulama yapılabilir.
```
import React from react;
import {graphql} from react-apollo;
import {getBooksQuery} from ../queries/queries;
function BookList(props) {
const displayBooks = () => {
const data = props.data;
if (data.loading) {
return

;
} else {
return data.books.map(book => {
return (

{book.name}

);
});
}
};
return (

);
}
export default graphql(getBooksQuery)(BookList);
```
Yukarıdaki örnekte, getBooksQuery adlı GraphQL sorgusu graphql paketi yardımıyla yüklenir. Daha sonra, getBooksQuery verileri render etmek için kullanılır.
Daha Fazla GraphQL Kullanımı
GraphQL, RESTful API'lere göre daha özelleştirilmiş bir veri alışverişi yapmanıza olanak tanır. Özellikle veri alışverişi daha hassas bir konuda olduğunda kullanılabilecek bir yöntemdir.
Özel Sorgular Oluşturma
GraphQL, RESTful API'lerin aksine, sunucudan yalnızca istemcinin ihtiyacı olan verileri almasına olanak tanır. Bu nedenle, GraphQL kullanarak özelleştirilmiş sorgular yazabilirsiniz. Özel sorgular oluşturarak, RESTful API'ler üzerinde bulunmayan daha özelleştirilmiş istekler gönderebilirsiniz.
Abonelikler
GraphQL, sunuculardaki verilerde güncelleme yapıldığında otomatik olarak istemcilere bildirim gönderir. Bu sayede, kullanıcıların güncellemeleri anında görmelerine olanak tanır.
Mutasyonlar
Mutasyonlar, sunucuya yeni veri ekleyebilmenizi, mevcut verileri güncelleyebilmenizi veya silmenizi sağlar. Mutasyonlar, RESTful API'lerin POST, PUT, PATCH ve DELETE işlevlerine benzer şekilde çalışır.
GraphQL ve JavaScript birlikte kullanılarak, veriler daha özelleştirilmiş ve verimli bir şekilde yönetilebilir.
Sonuç
Bu yazımızda, JavaScript ve GraphQL kullanarak veri yönetiminin nasıl yapılabileceğini inceledik. Tamamen özel ve esnek bir veri alışveriş protokolü olan GraphQL, RESTful API'lerin bazı sorunlarını ortadan kaldırır ve özelleştirilmiş bir çözüm sağlar. Apollo Client ve Relay gibi kütüphaneler, GraphQL kullanarak veri yönetimi için kullanılabilir. Bu kütüphaneler, özellikle React veya Angular gibi modern JavaScript çerçeveleriyle birlikte kullanıldığında, daha verimli ve özelleştirilmiş veri yönetimine yardımcı olabilirler.