⚛️ 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