GitHub Copilot ile React Native Uygulaması Geliştirmek

Merhabalar, bu yazımda yazılım geliştirme süreçlerinde Copilot’un bize nasıl yardımcı olduğunu ve doğru kullanımda süreçleri nasıl kısalttığını örnekler ile gösteriyor olacağım.

Öncelikle GitHub Copilot, geliştiricilere kod yazarken yardımcı olan yapay zeka tabanlı bir araçtır. Biz proje içerisinde yorum satırı olarak isteklerimizi ilettikçe bize öneriler vererek proje ilerledikçe yazılan neredeyse her kodu tamamlamak için öneriler sunuyor olacak.

GitHub Copilot aracını ben vscode üzerinden kullanıyorum, eklentiler sekmesinden siz de ekleyebilirsiniz. Aktif etmek için GitHub hesabınıza giriş yapmanızı isteyecektir.

Örnek olarak bir react native projesi üzerinden gidiyor olacağım ve bu projede ‘’to do list’’ yapımında Copilot bize yardımcı olacak. Örneğimiz için temiz bir sayfa ile başlıyoruz.

import { Text, SafeAreaView } from 'react-native'
import React from 'react'

export default function Test() {
  return (
    <SafeAreaView>
      <Text>test sayfasi</Text>
    </SafeAreaView>
  )
}

Görüldüğü gibi yazılan kod da otomatik tamamlamaya yardımcı oluyor. Aslında sıradan bir kod tamamlamadan çok daha öte diyebilirim. Altıncı satırda çoğul bir değişken ismi verdiğim için dizi olarak tamamlaması ama bir alt satırda ise input yazısını tamamlayıp sadece text işlem olarak görmesi zaman açısından oldukça güzel.

import React, { useState } from 'react'

useState kullanımında gerekli import’ları yapmayı unutmayın.

Copilot yardımı sayesinde tek satıra yazdığımız bir açıklama ile input alanımız hazır hale geliyor ve daha önce tanımlamış olduğumuz değişkenlerden uygun olanı da input içerisinde ilgili yerlere ekliyor.

Copilot’un bizi anlaması sadece birkaç saniye, devamında hızlıca önerisini sunmasıyla bize sadece tab tuşuna basmak kalıyor.

Şimdi ise eklenen görevleri ekranda listeleme için gerekli yardımları alalım.

Bu kısma kadar olanların bir de çalışıp çalışmadığına bakalım. İlk oluşturduğumuz “test sayfası” yazısını kaldıralım.

Görevlerin üzerine basınca yapıldığına dair yazıların üstünü çizebiliriz.

Örnekler çoğaltılabilir ancak yazının daha fazla uzamaması için geldiğim son noktayı paylaşıp yazımı tamamlıyorum.

Buraya kadar sabırla okuduğunuz için teşekkür ederim.

Farklı konularda yeniden buluşana kadar hatasız kodlamalar. :)

Ford Otosan — Dijital Ürünler ve Servisler
Plan 2 Delivery Tribe Liderliği — Software Development Team Member
Yusuf PAMUKÇU