Yeni bir projeyle tanışmanıza yardımcı olacak basit bir araç oluşturdum
Yeni bir projeye katıldınız ve kullanabileceğiniz proje bağımlılıkları hakkında hızlı bir şekilde bilgi edinmek mi istiyorsunuz? 🧐
Yaptım! (yakın zamanda yeni bir ekibe katıldım) ve yeni projenin hangi bağımlılıkları kullandığını merak ediyordum, ancak adını tanımadığım her bağımlılığı aramak zorunda kalmak istemiyordum. Bu yüzden AI'ya, bir sürü bağımlılık adını kopyalayıp yapıştırabileceğim ve bana her birinin açıklamasını söyleyebilecek bir web sitesi olup olmadığını sordum. Bana aslında istediklerimin çoğunu yapan bir React bileşeni verdi. O noktada, sanırım bunu kendim yapıyorum diye düşündüm!
İşte yaptığım şey bu. AI'nın bana başlattığı şeyi aldım, v0'dan biraz daha AI ile geliştirdim, sonra inanılmaz derecede basit bir NPM Bağımlılık Genel Bakışı yaratmak için bazı UX iyileştirmeleri serpiştirdim.
package.json dosyanızı metin alanına yapıştırın, bağımlılıklar çıkarılacak ve ardından NPM'ye karşı sorgulanacak, ardından her bağımlılığın adı ve her birinin açıklamasıyla birlikte basit bir genel bakış gösterilecektir. Belirli (veya genel) bir şey arıyorsanız bağımlılıkları filtreleyebilmeniz için Fuse.js kullanarak bulanık arama ekledim
Buradan kontrol edin: https://npm-deps-overview.lukedenton.dev/
Kodu buradan inceleyin: https://github.com/denno020/npm-deps-overview
İyi tanışmalar! 🚀
[link] [yorumlar]