Angular veya React ne işe yarar?

Question

Merhaba. Websitelerimi o günden bu güne hep PHP kullanarak geliştirdim. Temaları genelde kendim yazdım veya themeforest üzerinden aldım. Fakat çoğu yazılımcının bildiği Angular ve React'ın ne olduğunu hala çözemedim. Bu frameworklerde ne buluyorsunuz, neden kullanma gereği duyuyorsunuz? Ne işinize yarıyor bu frameworkler? Back-End kısmını JavaScript üzerinden mi hallediyorsunuz (Auth Sistemi vs.)

Bu frameworklerin ne olduğunu bilmek istiyorum çünkü bir gün işime yarabilir. Yardımcı olursanız sevinirim

Bu frameworklerin ne olduğunu bilmek istiyorum çünkü bir gün işime yarabilir. Yardımcı olursanız sevinirim

Nurkavioglu · Answer

Angular > React'dan diyerek bunlar front end frameworkleridir Front-end frameworkler web uygulamalarının görünen yüzünü inşa etmenize yardımcı olan hazır kod yapılarından oluşur. Kullanıcıların gördüğü yan paneller, butonlar, gezinme çubukları bu framework yapısı sayesinde hızlıca oluşturulabilir.

GianC · Answer

Nurkavioglu adlı üyeden alıntı:						mesajı görüntüle									Angular > React'dan diyerek bunlar front end frameworkleridir Front-end frameworkler web uygulamalarının görünen yüzünü inşa etmenize yardımcı olan hazır kod yapılarından oluşur. Kullanıcıların gördüğü yan paneller, butonlar, gezinme çubukları bu framework yapısı sayesinde hızlıca oluşturulabilir. 		hocam sanırsam bunları kullanmak için back end kısmını da node js yapmam lazım, örneğin loop işlemi. Bir CLI kullanırken onun içinde back end olarak php kullanmak saçma olurdu sonuçta

Developer · Answer

React, Vue, Angular gibi sistemlere SPA(Single Page Application) denir. Çalışma sistemini anladığınızda, neden SPA dendiğini daha rahat anlayabiliyorsunuz. Geliştirme süreçleri başlangıçta zor gibi gözükse de proje büyüdükçe daha verimli hale geliyor. Doğru şekilde konfigüre edilip, kullanıldığında büyük performans artışı sağlıyor. Faydası saymakla bitmiyor deneyimlemek gerekiyor. Çalışma mantığında sizin belirlediğiniz alanlar, belirlediğiniz kriterlere göre değişiklik gösteriyor. Normal bir HTML sayfada routing yaptığınızda sayfanın tamamı render edilirken, SPA çalışmalarında belirlediğiniz alanlar render edilebilir hale geliyor. Bunu daha detaylandırmak gerekirse:

Bir sayfanız var header, content ve footer alanınız var. Siz doğru konfigürasyonu yaptığınızda, sadece content alanının güncellenmesini sağlayabilirsiniz. Header ve Footer alanları bu sayede render edilmez.

Bunun dışında veri aldığınızda güncellemeniz gereken alanları çok rahat bir şekilde güncelleyebilirsiniz. Ürün sayfalarında sayfalama yaptığınızda, tek bir değişkeni değiştirerek sayfaya yeni verinin yüklenmesini sağlayabilirsiniz. Redux gibi bir state management ile API'a ekstra istekler göndermeden, verileri client tarafında sorunsuz şekilde tutabilirsiniz.

Son olarak Webpack gibi paketleme araçları ile JS, CSS, görsel dosyalarını birkaç kod ile konfigüre edip, tüm cihazlarda çalışmasını sağlayabilirsiniz.

Dipnot: API ile çalıştığınız için Back-end'de ne kullandığınız tamamen size kalmış.

Alengirik · Answer

Acıkcası bende konuyu takipteyim ben de kurs baslayıp ogrencem nerden baslayacıgımı bilemedim yararlı konu olmuş

GianC · Answer

burak2yilmaz adlı üyeden alıntı:						mesajı görüntüle									React, Vue, Angular gibi sistemlere SPA(Single Page Application) denir. Çalışma sistemini anladığınızda, neden SPA dendiğini daha rahat anlayabiliyorsunuz. Geliştirme süreçleri başlangıçta zor gibi gözükse de proje büyüdükçe daha verimli hale geliyor. Doğru şekilde konfigüre edilip, kullanıldığında büyük performans artışı sağlıyor. Faydası saymakla bitmiyor deneyimlemek gerekiyor. Çalışma mantığında sizin belirlediğiniz alanlar, belirlediğiniz kriterlere göre değişiklik gösteriyor. Normal bir HTML sayfada routing yaptığınızda sayfanın tamamı render edilirken, SPA çalışmalarında belirlediğiniz alanlar render edilebilir hale geliyor. Bunu daha detaylandırmak gerekirse:

Bir sayfanız var header, content ve footer alanınız var. Siz doğru konfigürasyonu yaptığınızda, sadece content alanının güncellenmesini sağlayabilirsiniz. Header ve Footer alanları bu sayede render edilmez.

Bunun dışında veri aldığınızda güncellemeniz gereken alanları çok rahat bir şekilde güncelleyebilirsiniz. Ürün sayfalarında sayfalama yaptığınızda, tek bir değişkeni değiştirerek sayfaya yeni verinin yüklenmesini sağlayabilirsiniz. Redux gibi bir state management ile API'a ekstra istekler göndermeden, verileri client tarafında sorunsuz şekilde tutabilirsiniz.

Son olarak Webpack gibi paketleme araçları ile JS, CSS, görsel dosyalarını birkaç kod ile konfigüre edip, tüm cihazlarda çalışmasını sağlayabilirsiniz.

Dipnot: API ile çalıştığınız için Back-end'de ne kullandığınız tamamen size kalmış. 		PHP bilirken React veya Angular öğrenmek mantıklı mı? Mantıklıysa hangisi öğrenilmeli

Developer · Answer

GianC adlı üyeden alıntı:						mesajı görüntüle									PHP bilirken React veya Angular öğrenmek mantıklı mı? Mantıklıysa hangisi öğrenilmeli 		Ben React kullanıyorum yıllardır. React'ın diğer dillere avantajı React Native olması. Community olarak çok büyükler. Öğrenmeniz çok mantıklı. Ek tavsiye isterseniz Javascript'i tam olarak öğrenip, React ve NodeJS'e geçmeniz. Front-End ve Back-End'i aynı dille yazmak büyük avantaj.