Frontend Academy · Ders

Kod İnceleme Kültürü ve PR En İyi Uygulamaları

Yapıcı ve saygılı kod inceleme geri bildirimi vermeyi, kolay incelenebilen PR'lar yazmayı ve incelemeyi kapı bekçiliği yerine bilgi paylaşımı aracı olarak kullanmayı öğrenin.

2. ders / 417 adım

Kod İnceleme Kültürü ve PR En İyi Uygulamaları, CoddyKit'te ücretsiz bir Frontend Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Frontend Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Frontend Academy kursu toplamda 4 dersten oluşur.

Kod İncelemesi Bilgi Paylaşımıdır

Kod incelemesi kapı bekçiliği yapmak değildir; ekiplerin birlikte öğrenmesini, sahipliği devretmesini ve kaliteyi yüksek tutmasını sağlar. İyi bir inceleme kültürü tüm ekibi ileri taşır; kötü bir inceleme ise darboğazlara ve kırgınlığa yol açar.

İncelenebilir Bir PR Yazmak

1) Küçük tutun (mümkünse 400 satırın altında). 2) Açık bir açıklama yazın: neden, ne ve nasıl sınanacağı. 3) İlgili bileti bağlayın. 4) Kullanıcı arayüzü değişiklikleri için ekran görüntüleri veya videolar ekleyin. 5) İnceleyenleri istemeden önce değişiklik farkınızı kendiniz inceleyin.

Geleneksel PR Başlığı

Gönderimlerle aynı geleneksel ön ekleri kullanın: feat: add user profile page, fix: handle 404 in fetch wrapper, refactor: extract Avatar component. Birçok ekip değişiklik günlüklerini bunlardan oluşturur.

PR Açıklama Şablonu

Çoğu ekip bir PR şablonu kullanır; şablonu .github/pull_request_template.md konumuna yükleyin.

## What
Brief description of the change.

## Why
Problem this solves / business value.

## How
Key design decisions, tradeoffs considered.

## Screenshots
(For UI changes)

## Testing
- [ ] Unit tests added/updated
- [ ] Manual QA done on iOS/Android/web
- [ ] No console errors

Closes #1234

Önce Kendiniz İnceleyin

İnceleyenleri istemeden önce kendi değişiklik farkınızı satır satır gözden geçirin. Açıkça anlaşılmayan seçimleri açıklayan yorumlar ekleyin. Çoğu zaman başkasının bulmasını beklemeden kendi hatalarınızı yakalarsınız.

Büyük Değişiklikleri Bölmek

2000 satırlık bir PR nadiren ayrıntılı biçimde incelenir. Şu şekilde bölün: 1) yeniden düzenleme (davranış değişikliği yok), 2) yeni davranış, 3) kullanıcı arayüzü iyileştirmeleri. Her birini incelemek ve geri almak daha kolaydır.

Yapıcı Geri Bildirim Vermek

Emirler yerine sorularla ifade edin: 'Bunu bir kancaya çıkarmak hakkında ne düşünüyorsunuz?' demek, 'bunu çıkarın' demekten daha etkilidir. Mutlaka düzeltilmesi gerekenlerle olsa iyi olacakları birbirinden ayırın. Şu ön ekleri kullanın: nit:, question:, blocker:.

Açık ve Belirgin Olun

'Bu kafa karıştırıcı' demek yazara hiçbir şey anlatmaz. 'Erken dönüşü anlamak için bunu 3 kez okumam gerekti; bir koruma koşuluna çıkarabilir miyiz?' demek, yazarın üzerinde çalışabileceği bir yön verir.

İyi Kalıpları Takdir Edin

Akıllıca çözümler, iyi adlandırmalar ve yararlı sınamalar hakkında olumlu yorum yapın. Bu, söz konusu kalıpları teşvik eder ve geri bildirimin geri kalanını daha yumuşak hâle getirir. Yalnızca eleştiri alan PR'lar çekişmeli bir ortam hissi verir.

Biçimi İncelemeyin — Bunu Araçlar Yapmalı

Prettier biçimlendirmeyi, ESLint ise biçim kurallarını ele alır. Sekmelerle boşluklar arasındaki fark gibi konular için inceleme döngülerini boşa harcamayın. Bir biçim kuralı sürekli gündeme geliyorsa onu kod denetleyicisine ekleyin.

Sınamaları İnceleyin

Sınamalar da koddur. Yeni kodun sınamaları olduğundan emin olun. Sınamaların gerçekten doğru şeyi çalıştırdığını kontrol edin; yanlış şeyi doğruladıkları için bozuk durumda bile başarılı olan birçok sınama vardır.

Yazar Olarak İnceleme Yapmak

Her yoruma, yalnızca başparmak yukarı emojisiyle olsa bile, yanıt verin. Katılmadığınız önerilere karşı çıkın (kodu siz yazdınız; bağlamı siz daha iyi biliyor olabilirsiniz). Çözülmüş konu dizilerini çözüldü olarak işaretleyin. Kapsam değişirse PR açıklamasını güncelleyin.

İncelemelere Zaman Sınırı Koyun

Bir iş günü içinde inceleyin. Güncelliğini yitirmiş PR'lar bağlamı kaybeder; yazar başka bir işe geçmiştir ve dalın yeniden tabanlanması gerekir. Bir hafta bekleyen büyük PR'lar her zaman çetin birleştirmelere dönüşür.

GitHub'da Önerileri (Kod Bloklarını) Kullanın

GitHub'ın öneri özelliği, yazarın bir düzeltmeyi tek tıklamayla kabul etmesini sağlar. Düzyazı içinde 'bu satırı X olarak değiştirin' demekten çok daha hızlıdır.

```suggestion
const total = items.reduce((sum, item) => sum + item.price, 0);
```

# Author clicks 'Commit suggestion' to apply.

Ne Zaman Onay Vereceğinizi Bilin

Şu koşullarda onay verin: kod doğruysa, sınamalar başarılıysa, değişikliği anlıyorsanız ve birleştirmek güvenliyse. Onay vermek, sonucu birlikte sahiplenmeniz anlamına gelir. Sorgulamadan onaylamayın; okumadıysanız bunu açıkça söyleyin.

Hızlı Kontrol

Kodu farklı yazacağınız bir konuda kod incelemesi geri bildirimi verirken önerilen tutum nedir?

Özet: PR İçin En İyi Uygulamalar

Yazar: ekran görüntüleri ve sınamalar içeren küçük, iyi açıklanmış PR'lar hazırlayın. Önce kendiniz inceleyin. İnceleyen: yapıcı, soru temelli geri bildirim verin. Mutlaka düzeltilmesi gerekeni küçük ayrıntıdan ayırın. İyi noktaları takdir edin. Biçimi atlayın; bunu araçlar ele alsın. Bir gün içinde inceleyin. Yalnızca anladığınızda onay verin. PR şablonları süreci standartlaştırır. İncelemeler kapı bekçiliği değil, iş birliğidir.

Başlamak ücretsiz

Yapay zeka eğitmeniyle HTML öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar
41
Dersler
163

Sıkça Sorulan Sorular

“Kod İnceleme Kültürü ve PR En İyi Uygulamaları” dersi ücretsiz mi?

Evet — “Kod İnceleme Kültürü ve PR En İyi Uygulamaları” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Frontend Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Frontend Academy kursu toplamda 4 dersten oluşur.

“Kod İnceleme Kültürü ve PR En İyi Uygulamaları” dersinde ne öğreneceğim?

Yapıcı ve saygılı kod inceleme geri bildirimi vermeyi, kolay incelenebilen PR'lar yazmayı ve incelemeyi kapı bekçiliği yerine bilgi paylaşımı aracı olarak kullanmayı öğrenin. Frontend Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Frontend Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Frontend Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.

“Kod İnceleme Kültürü ve PR En İyi Uygulamaları” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Frontend Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Frontend Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. Ön Uç Sistem Tasarımı Mülakatları
  2. Kod İnceleme Kültürü ve PR En İyi Uygulamaları
  3. Mentorluk ve Teknik Belgeleme
  4. Güncel Kalma: Spesifikasyonları ve Önerileri Okuma
← Frontend Academy Sayfasına Dön