Mühendislere GIF'lerin En İyi Yaşamlarını Sağlama: “GitHub İçin GIF Uzantısı” Oluştururken Karşılaşılan Zorluklar

Vend'te, depolarımızın çoğunda, her çekme isteğiyle ilgili, uyanık ve düşündürücü bir GIF'i dahil etmek için çok katı bir gereksinim vardır.

GIPHY'yi aramak, doğru GIF'i bulmak, sonra da GitHub yorumuna gömmek için yeni bir sekme açmak zorunda kalmak zaman alıyor ve tembel GIF seçimi gibi bazı ciddi olumsuz yan etkilere sahip olabilir…

Bu, Vend mühendislerinin çekme istekleri için uygun bir GIF seçmeye geldiğinde zaman kazanmalarına (ve belki biraz daha düşünceli olmalarına) yardımcı olma fikrine yol açtı.

GitHub için GIF oluşturmak, başlangıçta düşündüğümden biraz daha zor (sürpriz!) Oldu. Aşağıda, bu Chrome Uzantısı yolculuğu boyunca karşılaştığım zorlukları paylaştım - ve hayır, sadece telaffuz edilmiş jif veya gif… sözünün olup olmadığı konusunda tartışmıyorlar!

GitHub için GIF oluştururken karşılaştığım zorluklar

Buradaki fikir, yorum araç çubuğuna bir düğme eklemek idi; tıklandığında Giphy'den GIF'leri gösteren bir popover görecekti. Basit bir fikir gibi görünüyordu. Ancak, GitHub'ın dinamik doğası nedeniyle birkaç engel ortaya çıktı. Bu beni ...

Problem 1 - Düğmeyi araç çubuğuna ekleme

Yorum araç çubuğuna bir düğme eklemek, page sayfa yüklendiğinde - düğmemi ekle ’kadar basit değildir - yorum alanları dinamik olarak görünebilir. Bir çekme isteği açıklamasını düzenlediğinizde, sayfayı yeniden yüklemeden bir

den bir