SPFx Ninjas #6 : SPFx ve REACT

Merhabalar

Geçtiğimiz makalemizde Gulp ve Yeoman eklentilerini kurarak yapımızı SPFx kodlamaya hazır hâle getirdik.Bu yazımızda ise React ‘in SPFx için öneminden bahsediyor olacağız.

SPFx için neden React seçildi?

Bir sonraki makalemiz, React frameworkünü incelediğinden ötürü sistematik olarak inceleme yapmayacağım.Bunun yerine, React’in güçlü-zayıf taraflarını diğer kütüphaneler ile karşılaştırarak neden Microsoft’un React üzerinde karar kıldığını gözler önüne sermeye gayret göstereceğim

React mevzu bahis olduğunda rakip olarak karşısına Angular çıkartılmaktadır.Aşağıdaki tabloda React ile Angular’ın avantajları ile dezavantajlarını karşılaştırmalı veriyorum

NPMCHARTS verilerine bakalım:

Yukarıdaki resimde npmjs üzerinden indirilen paket sayıları verilmekte:

Kaynak: https://npmcharts.com/compare/react,angular
Şimdi de GitHub repolarına bakalım:

REACT :

ANGULAR:

StackOverFlow verilerine de göz atalım(2017):

Kullanıp da beğenenler oranı:

REACT 66.9%
ANGULAR 51.7%

Kullanıp da beğenmeyenlerin oranı:

REACT 33.1%
ANGULAR 48.3%

Kullanmayıp, ileride kullanmayı düşünenlerin oranı:

REACT 18.9%
ANGULAR 19.4%

2018 verilerinde ise (Kaynak);

Kullanıp da beğenenler oranı:

REACT 69.4% (66.9%,2.5% artış,2017 oranına göre)
ANGULAR 54.6% (51.7%,2.9% artış,2017 oranına göre)

Kullanıp da beğenmeyenlerin oranı:

REACT 30.6% (33.1%,2.5% azalış,2017 oranına göre)
ANGULAR 45.4% (48.3%,2.9% azalış,2017 oranına göre)

Kullanmayıp ileride kullanmayı düşünenlerin oranı:

REACT 21.3% (18.9%,2.4% artış,2017 oranına göre)
ANGULAR 14.3% (19.4%,5.1% azalış,2017 oranına göre)

Soru-Cevap kısmında da ilginç veriler gözümüze çarpıyor:

Tarafsız pencereden bakma

“Yukarıdaki tablo’da Angular’ın React’ten üstün olduğu noktaları belirtmemişsin” diye düşünenler var ise, şunu söyleyebilirim ki burada 2 Açık Kaynak Framework karşılaştırmasından ziyâde, SPFx mimarisi üzerinden bir karşılaştırmanın yapıldığını belirtmek isterim.

SPFx mevzu bahis olduğunda, “REACT” tercih etmelisiniz ancak istediğiniz herhangi bir kütüphane ile de SPFx kullanabilirsiniz (yaşanabilecek riskleri/sıkıntıları çözerim diyorsanız)

JSX olmasına rağmen(ki ben bu durumdan şikayetçi değilim) React seçmenizi öneriyorum.Angular, SPFx için istenilen kıvamda değil.

Vue.js neden yok?
Vue.js ve ek olarak Angular kullanımına yönelik ilerleyen bölümlerimizde demolarımız olacak.Ayrı birer bölümde her ikisini de değerlendiriyor olacağız.

Sonuç
Bu yazımızdan çıkartılabilecek en iyi sonuç; Microsoft’un SPFx için en doğru kararı verdiğidir.Şu anda React kullanımını teşvik etmekteler ancak gelecekte ne olur kestirmek güç.Angular bir atak ile React’in koltuğunu sallayabilir.Bekleyip göreceğiz.

Bir sonraki yazımızda React frameworküne giriş yapıyor olacağız.