Links

⚛️ React

React hızlı bakış, avantajları, dezavantajları, nerelerde kullanılır, faydaları, nedir, ne için neden kullanılır

👀 Hızlı Bakış

  • 👨‍🎨 Front-end için javascript kütüphanesidir
  • 👨‍💻 JSX yapısı ile HTTP ile JavaScript beraber kodlanır
  • 📦 Nodejs üzerinde çalışır

💖 Avantajları

  • 🔮 Sanal bir DOM oluşturur ve onu günceller, sadece değişen alanları orijinal DOM üzerine aktarır, bu sayede performansta kazanç sağlar
  • ⚛️ JSX (HTML in JavaScript) yapısı ile kodu uzaktan erişimlere karşı korur
  • 🍎 OOP (nesneye yönelik programlama) avantajını kullanma imkanı oluşturur bu sayede sadece istenen bileşen güncellenebilir
  • 👮‍♂️ Sadece aşağıya doğru veri güncelleme işlemine izin verdiğinden alt bileşenleri üstteki bileşenleri etkilemesini engeller, stabil bir yapı sağlar
  • ☀️ Açık kaynaklı bir framework olup, facebook tarafından aktif olarak geliştirilmektedir
  • 🧰 Fazla miktarda aracı uygulamalarla (react developer tools vs) ile kodlamayı kolaylaştırmaktadır
📱 Ek olarak react native ile mobil cihazlara da etkileşimli web uygulamaları programlamaya olanak sağlar

💔 Dezavantajları

  • 👨‍🎓 Javascript ile yeni iseniz, JSX zor olacağından tavsiye edilen bir opsiyon değildir
  • 😪 Çok hızlı geliştiğinden ve değiştiğinden, geliştiricilerin güncel kalması zor olmaktadır
  • 🙄 Sadece front-end teknolojisidir
  • 🎳 Paket yapısı oldukça büyüktür bu sebeple ufak çaplı projelerde tercih edilmez
  • 📖 Sık sık ve birden fazla güncelleme aldığından dokümanları yetersiz kalmaktadır
  • ⚛️ JSX yapısının, bazı geliştiriciler tarafından kodun karmaşıklığını ve öğrenilmesini zorlaştırdığı düşünülmektedir
  • 💎 Dinamik yapısı gereği Google tarafından verimli bir şekilde indekslenememektedir

⭐ Nerelerde Kullanılmalı

  • Genellikle single page web sayfalarında component özelliğinden dolayı tercih edilen bir yapıdır
  • İnteraktif web uygulamalarında kullanılır

👨‍💻 React Kullanımı

  • ⛅ Online olarak CodeSandbox üzerinde çalışabilirsin
  • 📦 Nodejs üzerinde çalıştığı için kurulmasını gerektirir
  • 👨‍💻 npm init react-app my-app komutu ile my-appisimli proje oluşturursunuz

🔗 Faydalı Bağlantılar