Merhabalar,
SPFx Ninja lığına giden bu yolda herkesi sevgiyle ve saygıyla selamlıyorum!
Hergün 1 adet makale yayınlayarak 18 günde sizi, “SPFx Ninja” yapacağım.Hiç sıkmadan,olabildiğince basit örnekler,açıklamalar yaparak bu işi öğretmeye kararlıyım.
Bu ünvana ulaşabilmek için önkoşulum:
– 1 adet Office 365(SharePoint Online dahil paketi) lisansı
– 1 adet bilgisayar.
Sadece bu kadar!
İsteyen herkes SPFx Ninja olabilecek…
SPFx Ninja Makale serimiz ile ilgili hergün yayınlanacak içeriğimiz şu şekilde gerçekleşecek.Hemen sizinle yazı planımı paylaşayım:
1) SPFx Ninjas #1 : Giriş (şu anda burdasınız)
2) SPFx Ninjas #2 : SPFx Nedir?
3) SPFx Ninjas #3 : Neden SPFx?
4) SPFx Ninjas #4 : Node.js Kurulumu
5) SPFx Ninjas #5 : Gulp ve Yeoman Kurulumu
6) SPFx Ninjas #6 : SPFx ve React
7) SPFx Ninjas #7 : React’e giriş
8) SPFx Ninjas #8 : TypeScript’e giriş
9) SPFx Ninjas #9 : SPFx: Merhaba,Ninja!
10) SPFx Ninjas #10 : SharePoint Liste/Kütüphane İşlemleri
11) SPFx Ninjas #11 : SPFx Demo -1
12) SPFx Ninjas #12 : SPFx Demo -2
13) SPFx Ninjas #13 : SPFx Demo -3
14) SPFx Ninjas #14 : SPFx Demo -4
15) SPFx Ninjas #15 : SPFx Demo -5
16) SPFx Ninjas #16 : SPFx Demo -6
17) SPFx Ninjas #17 : SPFx Demo -7
18) SPFx Ninjas #18 : SPFx ile ilgili Öngörüler ve Sonuç
Demo isimlerini şimdilik vermiyorum çünkü sürpriz olmasını istiyorum J Demolarımız keyifli,en son trendlerin kullanıldığı örneklerden oluşacaktır.Beklemenize değecek.
SPFx’I anlatacağımız ilk makalemizi yarın okuyabilirsiniz,Ninja Adayları
3. makaleden sonrasini göremedim. Bu seri sonuna kadar gitmeyecek mi?
Merhaba Tolga,
İş yoğunluğum sebebiyle yazıların devamını göndermedim henüz.Haftasonu 4.makaleyi editör ekibe yollayacağım.
Gecikme için özür 🙂
Tesekkürler cevap icin Ibrahim.
Gercekten cok yararli ve zengin bir icerik olacak tamamlanirsa.
React yaninda Angular ve VueJs opsiyonlarindan da bahsedebilsen mükemmel olurdu.
Biz su an acikcasi bu noktada tikandik. React JSX Syntax den dolayi pek kullanmak istemedik. Angular ile calismak istiyorduk fakat SPFx in Angular v5 ile sorunlari oldugunu okudum farkli sitelerde. Cözüm olarak AngularLabs in Angular Elements diye bir calismasi var fakat beta durumda ve production da kullanilmaz. Vuejs de basitliginden dolayi diger bir opsiyon.
Senin fikrini de almak isterim bu konuda.
Cevap icin tesekkürler.
Merhaba Tolga,
Değerli yorumların için ben teşekkür ederim. İsteğiniz üzere, Angular ve Vuejs ile ilgili olarak ekstradan bölüm ekleyeceğim.
Sorunuza gelince;
Aslında bu konu, nerede hangi amaç için kullanmak istediğinize göre şekillendirilebilir.
React’i seçme kararım hem önerilen framework olması hem de daha önceden MVC Razor syntax’ı ile haşır neşir olduğum içindi.Birbirlerine benzer noktası oldukça çok fazla,tabi ViewModel hariç 🙂 JSX tamamen alışkanlık sorunu.Ben mesela JSX yazarken, yapıyı bileşenlere bölerim ki ortaya karman çorman bir html-js çorbası çıkmasın.Eğer bunu yapmazsam ortaya çok çirkin bir html yapısı çıkar ki okunulabilirlik açısından developer arkadaşlar bana küfredebilir 🙂 Bu durumda JSX ile çalışmayı düşünürseniz, projenin belirli kısımlarını componentlere bölmeniz faydanıza olacaktır diye düşünüyorum.
JSX kullanmadan React denemem olmadı ama bu yöntemi denemiş miydiniz?
Vue.js özellikle UI tarafında ve bind işlemlerinde başarılı.Eğer ki projeniz, dashboard yapısına sahip bir iş zekası uygulaması ise Vue.js ‘i seçmek faydalı olabilir.Dosya boyutu olarak da oldukça düşük (25kb).Ancak, tabi bunun dışında ben olsam direkt React ile devam edin derim.
Angular konusu ise biraz karışık,Hem desteği sorunlu hem de mimari açıdan SPFx yapısına uygun değil.Ama bu demek değil ki Angular’ı SPFx’de kullanamazsınız. Sizin de belirttiğiniz şekilde o tarafta da yeni gelişmeler ve destekler olacak gibi duruyor.
Eğer React’in JSX syntax yapısı alışkın olmadığınız bir yapı ise, JSX kullanmadan React yapmanızı önerebilirim.
Teşekkürler
Merhaba Ibrahim
Detayli cevabin icin tesekkür ederim. Angular 5 ve SPFx ile yaptigimiz PoC denemelerimizde ne yazik ki olumlu sonuc alamadik. Bu yüzden React ve VueJs arasinda bir secim yapma yoluna gittik ve sonuc olarak arkadasinda ki ekosistemin daha büyük olusu ve Microsoft un da tavsiye ettigi framework oldugu icin React kullanmaya karar verdik.
Bu durumda senin ninja serini daha yakinda takip ediyor olacagim.
Tesekkürler, iyi calismalar.