React
React ya da React.js, 2011 yılında Facebook tarafından geliştirilen, kullanıcı arayüzü oluşturmaya yarayan, açık kaynak kodlu bir Javascript kütüphanesidir.
Popülerliği günden güne artarak günümüzde en fazla tercih edilen Javascript kütüphanesi haline gelmiştir. Geliştiricilerin her defasında uzun Javascript kodu yazma ihtiyacına çözüm olarak doğan React, Model-View-Controller (MDL) modeline uygun olarak oluşturulmuştur.
React Nasıl Ortaya Çıktı?
Facebook yazılım ekibi uygulamalarına yükledikleri yeni güncellemeleri milyonlarca kullanıcıya gösterebilmek, veri akışını kontrol edebilmek için ilk zamanlarda Php, Python gibi dillerden yararlanmıştır.
Son olarak da kendi Javascript kütüphanesi olan React’ı geliştirerek bu ihtiyaçlarına çözüm bulmuşlardır. React, modülerlik özelliği sayesinde Facebook, Instagram gibi uygulamaların gelişmesine katkı sağlamıştır.
React Ne İşe Yarar?
- React, single-page sayfalar ve mobil uygulamalar geliştirmek için kullanılır.
- React, hızlı ve interaktif kullanıcı arayüzü geliştirmeyi kolaylaştırır. Örneğin Instagram arayüzünde karşımıza çıkan arama kutusu, logo ve mesaj butonu gibi görsellerin oluşturulmasını kolaylaştırır.
- Arayüzdeki tüm işlemleri kolay, maliyetsiz ve yüksek performanslı olarak yapar. Bu nedenle verilerin ve özelliklerin çok hızlı değiştiği uygulamalara kullanılır.
Neden React Kullanmalı? React’ın Avantajları
React, birçok kişi tarafından tercih edilen popüler bir JavaScript kütüphanesidir. Stack Overflow 2022 anketine göre en sevilen ikinci kütüphane. Peki React’ın tercih edilmesindeki nedenler nedir? Neden React kullanmalıyız?
- Öğrenmesi ve Kullanımı Kolay: Açık kaynaklı bir JavaScript GUI kütüphanesi olan React’ı öğrenmesi nispeten kolaydır.
- Artan İş Fırsatları: Çok çeşitli alanlarda React becerisine sahip olanlara talep var. React’ı öğrenmek, kariyeriniz boyunca size fayda sağlayabilir.
- Gelişen Topluluk: Açık kaynaklı bir kütüphane olduğu için herkes React’ı kullanabilir. Dahası, ekosistemi destekleyen ve geliştiren, kendi katkılarını ekleyen bir topluluğu da var!
- Yeniden Kullanılabilirlik: React, yeniden kullanılabilir bir sisteme sahip olduğu için aynı sistem farklı uygulamalarda da tekrar kullanılabilir. Yeniden kullanabilme özelliği React’ın tercih edilmesindeki nedenlerden bir tanesidir.
- Hızlı Sonuç: Uygulamalardaki canlı değişiklikleri hızlı, verimli ve realtime bir şekilde aktarır. Ayrıca DOM kullanılarak çok daha çabuk sonuç alınabilir.
- Çeşitli Eğitim Materyalleri: React’ın sahip olduğu bilgilerine erişim kolaydır. Online veya offline React kursları React öğrenmeyi kolaylaştırır.
- SEO Friendly: React ile oluşturulan kullanıcı arayüzleri farklı arama motorlarına da erişebilir.
React Kullanan Şirketler
Kullanımı kolay bir bir Javascript kütüphanesi olan React’ı bugün birçok teknoloji devi kullanıyor. React kullanan bazı firmalar şunlardır:
- "Herkese, her yerde, dünya standartlarında, bedelsiz eğitim" sloganıyla kurulmuş, kâr amacı gütmeyen bir eğitim kuruluşu olan Khan Academy,
- Son zamanların en popüler teknoloji ve medya hizmetleri sağlayıcısı Netflix,
- Arama motoru, e-posta hizmeti portalı Yahoo,
- Kullanıcıların içeriklerini, fotoğraf ve videolarını paylaşabilecekleri Instagram,
- Dünyanın en büyük tüketici elektroniği ve profesyonel elektronik üreticilerinden biri Sony,
- Seyahat edenlerin konaklayacak yer bulmasını sağlayan web uygulaması Airbnb.
React ve Angular’ın Farkları Nelerdir?
Angular, Vue JS gibi rakiplerini geride bırakan React, aslında bir kütüphanedir. Angular ve Vue JS ise birer framework’tür.
React, arayüz yani görünen kısımla ilgilenirken, Framework’lar ise web sayfasının ihtiyacı olabilecek parçaları içinde bulundurur. Aralarındaki farkı detaylı bir şekilde buradaki yazımızdan okuyabilirsiniz.
React Kitaplıkları
React’ın popüler hale gelmesinin önemli nedenlerinden biri, React kitaplıklarının da gelişme göstermesidir.
Geliştiriciler, bu kitaplıkları kullanarak kolayca web ve masaüstü uygulamalar için arabirimleri geliştirir. Geliştiricilerin kullanabilecekleri yüzlerce kitaplık vardır. İşte, popüler React kitaplıklarından birkaçı:
- Material UI
- Ant Design
- React-Bootstrap
- React Router
- Semantic UI React
- Blueprint UI
- React Motion
