Paket Yöneticileri (npm/yarn)
Paket Yöneticileri (npm/yarn), modern JavaScript geliştirme dünyasında temel araçlardır. Bu yöneticiler, projelerin ihtiyaç duyduğu kütüphaneleri ve bağımlılıkları kolayca yüklemenizi, güncellemenizi ve yönetmenizi sağlar. Bir ev inşa etmek gibi düşünebilirsiniz: npm veya Yarn, inşaat için gerekli tüm malzemeleri organize eder, hangi malzemenin nerede kullanılacağını bilir ve evinizi güvenli ve sağlam bir şekilde inşa etmenize yardımcı olur.
Kişisel web sitelerinde, bloglarda, e-ticaret platformlarında veya haber sitelerinde, paket yöneticileri kullanarak popüler kütüphaneleri entegre edebilir, veri çekebilir, kullanıcı arayüzlerini geliştirebilir ve backend ile etkili bir iletişim kurabilirsiniz. Bu eğitimde okuyucular, bir projeyi başlatmayı, paketleri yüklemeyi ve güncellemeyi, package.json ve lock dosyalarının işlevini anlamayı ve bağımlılıkları güvenli bir şekilde yönetmeyi öğreneceklerdir. Ayrıca npm ve Yarn’ın sunduğu araçlar sayesinde projelerin daha düzenli ve sürdürülebilir olacağı gösterilecektir. Paket yöneticilerini kullanmak, bir odayı dekore etmek veya bir mektup yazmak gibi, doğru araçları ve düzeni kullanarak işinizi kolaylaştırır.
Temel Örnek
javascript// Initialize project and install axios
// npm or yarn must be installed
// Initialize project
// npm init -y or yarn init -y
// Install axios library
// npm install axios or yarn add axios
const axios = require('axios'); // Import axios
axios.get('[https://jsonplaceholder.typicode.com/posts/1](https://jsonplaceholder.typicode.com/posts/1)') // Fetch data
.then(response => console.log(response.data)) // Log data
.catch(error => console.error('Error occurred:', error)); // Handle errorBu örnekte, öncelikle npm init veya yarn init komutu ile bir proje başlatıyoruz; bu işlem package.json dosyasını oluşturur ve proje bilgilerini içerir. Daha sonra npm install veya yarn add komutu ile Axios kütüphanesini kuruyoruz; bu kütüphane HTTP istekleri yapmak için kullanılır.
const axios = require('axios') satırı ile kütüphaneyi projeye dahil ediyoruz. axios.get fonksiyonu, belirtilen URL’den veri çeker. then metodu başarılı yanıtı işlerken catch metodu hataları yakalar. Bu asenkron yapı, ana iş parçacığını bloke etmeden veri çekmeyi sağlar. Yeni başlayanlar için package.json, bağımlılık yönetimi ve asenkron programlama kavramlarını anlamak, projelerin ölçeklenebilir ve sürdürülebilir olmasını sağlar.
Pratik Örnek
javascript// Real-world example: simple news API using Express and axios
const express = require('express'); // Web server framework
const axios = require('axios');
const app = express();
app.get('/news', async (req, res) => {
try {
const response = await axios.get('[https://jsonplaceholder.typicode.com/posts](https://jsonplaceholder.typicode.com/posts)'); // Fetch news
res.json(response.data.slice(0, 5)); // Return top 5 news items
} catch (error) {
res.status(500).send('Failed to fetch news');
}
});
app.listen(3000, () => console.log('Server running at [http://localhost:3000](http://localhost:3000)'));Bu örnek, Express ile basit bir sunucu oluşturur ve Axios ile harici bir API’den veri çeker. async/await yapısı, asenkron işlemleri daha okunabilir ve yönetilebilir hale getirir. axios.get ile verileri çekeriz ve res.json ile istemciye göndeririz.
Paket yöneticileri, kurulan kütüphanelerin güncel ve uyumlu olmasını sağlayarak, projelerin sorunsuz çalışmasını garantiler. En iyi uygulamalar arasında bağımlılık versiyonlarını sabitlemek, düzenli güncellemeler yapmak, dependencies ve devDependencies ayrımı yapmak ve hataları doğru yönetmek bulunur. Yaygın hatalar; gereksiz kütüphane yüklemek, hataları yönetmemek, kararsız versiyonlar kullanmak ve bellek yönetiminde hatalar yapmaktır. npm audit veya yarn audit ile projeyi denetlemek ve lock dosyalarını kullanmak önemlidir.
📊 Hızlı Referans
| Property/Method | Description | Example |
|---|---|---|
| npm init / yarn init | Proje başlatır ve package.json oluşturur | npm init -y |
| npm install / yarn add | Kütüphane yükler ve projeye ekler | npm install lodash |
| npm update / yarn upgrade | Bağımlılıkları günceller | npm update axios |
| npm uninstall / yarn remove | Kütüphaneyi projeden kaldırır | npm uninstall lodash |
| package.json | Proje bilgilerini ve bağımlılıkları içerir | {"name":"project","dependencies":{"axios":"^1.0.0"}} |
| yarn.lock / package-lock.json | Bağımlılık versiyonlarını sabitler | yarn.lock |
Sonuç olarak, npm ve Yarn, JavaScript projelerinde bağımlılık yönetimini kolaylaştıran temel araçlardır. Frontend’de HTML DOM manipülasyonu ile backend iletişimini güvenli ve verimli hale getirirler. Büyük projelerde Mono-repos kullanmak, npx ile CLI araçlarını çalıştırmak ve önbellek optimizasyonu yapmak ileri adımlar için önerilir. Gerçek projelerde uygulama ve pratik, bağımlılık yönetiminde ustalaşmanın en etkili yoludur.
🧠 Bilginizi Test Edin
Bilginizi Test Edin
Bu konudaki anlayışınızı pratik sorularla test edin.
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek