Videoda yaptığım örneklerin kaynak kodları: github.com/tayfunerbilen/react-vue-svelte-ornek Farklı örnekleride karşılaştırmak için yapabiliriz, hem ben kendimi geliştirmiş olurum hem de siz :) İsterseniz yorumlarda belirtmeyi unutmayın.
3ü de birbirinden kullanisli bence. simdilik svelte kullanacagimi düsünmüyorum ama farkli bir syntax gormek ufkumu acti. react cok stabil ve cabuk adapte olunabilen bi framework, vue ise bir kere alistiginda birakamayacagin bir framework. propslarin readonly olmasi mevzusunda da evan you child componentlerin propslari güncelleyebilmesinin karisiklik yaratacagini belirtmis. yani child componentler bir veri güncellemesi yapacaksa bunu parent'a bildirmeli, parent da kendisi güncellemeli.
Bu arada svelte'in yaratıcısı Rich Harris, Next.js'in geliştiricisi olan ve daha bir çok toolların sahibi "Vercel"'de işe başladı. Hem svelte üzerine daha çok yoğunlaşacağını hem de vercel ile teknoloji paylaşımının önünün açıldığını iletti. Svelte keşke endüstride biraz daha yaygınlaşsa. Piyasa talep etmese React'e ekmek su vermeyeceğim :)
Hocam selam, yazılım ile ilgili içerikleri için teşekkür ederim emeğinize sağlık. Bir sorum olucak .Net backendci olarak daha önce fronted ile ilgili herhangi bir alt yapısı olmayan (html,css js bildiğini ver sayarak) bir yazılımcı fronted end'e hangi framework ile başlarsak daha iy olur.
angular düşünebilirsin sizin tatafa daha yatkın bence :) ama react'i de tercih edebilirsin angular karmaşık gelirse, vuejs ve svelte ile ilgili çok tecrübem yok o yüzden bir şey söyleyemiyorum ama bu gibi durumlarda community çok önemli ve react kendini bu konuda çoktan kanıtladı vue mesela bu konuda hala yetersiz svelte zaten daha yeni gelişen bir topluluk o yüzden en mantıklısı angular ya da react olabilir
Peki hocam, astro kullanarak, bu üçünü de aynı adreste çalıştırsan nasıl bir psikopatlık olur. Hem astro gibi ssg'e ihtiyaç duyanlar da görmüş olur. Ülkemizde statik ve blog tarzı siteler popüler, genelde Wordpress yoluna gidiyor insanlar ama astro bilinse ve gelişse oturur gibi.
angular abimiz darıldı. :) öğrenmesi en kolay ve syntaxi göz yormayan vue js diyorum. svelte nin topluluğu gelişirse ve mevcut ui kütüphanelerine destek gelirse neden geçmeyeyim. Video sonunda projelerin derlenmiş hallerinin boyut karşılaştırmalarını aradim ama yine de karşılaştırma için eline sağlık.
Sadece yazımı kolay diye vue dan svelte geçmem heralde. bir de büyük projelerde svelte nin performansi nasil? daha cok foreach olan ve data item sayisi fazla olan projeler patliyor.
svelte en düşük cihazlarda bile performanslı çalışıyor zaten brezilyadaki şu 200bin'den fazla pos cihazında kullanıldığını duymuşsundur, çok büyük projelerde henüz deneme şansım olmadı ama bir şans verip testleri yapacağım ben de, önü parlak gözüküyor :)
kullanmasına gerek yok, yarn build komutunu çalıştırdığında build klasörü içinde html-css ve js dosyaların var onu herhangi bir hosting e atarsan çalışacaktır, bu compile süreci sadece geliştirme yaparken geçerli diğer türlü browser html-css-js çalıştırıyor onu da her sunucuda host edebilirsin :) vue, svelte ya da x bir tool içinde bu dediğim geçerli
port açma muhabbetini react'te değil hangi programlama dilini kullanıyorsan onda yapacağın için evet react tarafında hiçbir ayar yapmana gerek yok, eğer nextjs kullanıyorsan farklı tabi orada ssr devreye giriyor ama react'in kendisi bağımsız bu dediklerinden, ui aracı nihayetinde
Svelte'in çıkış amacı React'in aslında hiç de "reactive" olmadığını kanıtlamak istemesiydi yamulmuyorsam. Ayrıca Svelte kullanırken componentlara yerine direkt diyebilirdin. Aynı prop ve variable isimlerinde kolaylık var böyle, birkaç yüz tane daha güzel detay var ama sırası değil:))
bir başka js frameworkü diyebiliriz, sitesine girip biraz bakarsan ve kurucusunun bir konfernas videosu var onu izlersen daha detaylı bilgi sahibi olabilirsin
Svelte frameworkten ziyade aslinda biraz daha ust bir sey bir derleyici , ve gelistiricisi rich harris sanirim gecen gun hackernews de gordum adam vercel de tam zamanli ise baslamis
Videoda yaptığım örneklerin kaynak kodları:
github.com/tayfunerbilen/react-vue-svelte-ornek
Farklı örnekleride karşılaştırmak için yapabiliriz, hem ben kendimi geliştirmiş olurum hem de siz :) İsterseniz yorumlarda belirtmeyi unutmayın.
3ü de birbirinden kullanisli bence. simdilik svelte kullanacagimi düsünmüyorum ama farkli bir syntax gormek ufkumu acti.
react cok stabil ve cabuk adapte olunabilen bi framework, vue ise bir kere alistiginda birakamayacagin bir framework.
propslarin readonly olmasi mevzusunda da evan you child componentlerin propslari güncelleyebilmesinin karisiklik yaratacagini belirtmis. yani child componentler bir veri güncellemesi yapacaksa bunu parent'a bildirmeli, parent da kendisi güncellemeli.
Bu arada svelte'in yaratıcısı Rich Harris, Next.js'in geliştiricisi olan ve daha bir çok toolların sahibi "Vercel"'de işe başladı. Hem svelte üzerine daha çok yoğunlaşacağını hem de vercel ile teknoloji paylaşımının önünün açıldığını iletti. Svelte keşke endüstride biraz daha yaygınlaşsa. Piyasa talep etmese React'e ekmek su vermeyeceğim :)
evet gördüm o haberi, sevindirici açıkçası :) bence önü parlak svelte'in
Emeğinize sağlık Tayfun Bey. React'ten sonra gerçekten çok kullanışlı geldi bana da. Öğrenme iştahım açıldı teşekkürler 🙂
vuede props set edilemediği için provide inject yaklaşımı denenebilir belki.
Hocam laravel, react, vue vs. herhangi bir eğitime başlayın satın alalım. Bu bilgileri eğitim olarak hazırlasanız çok mükemmel olur.
laravel iyi olurdu valla bende hemen alırdım
Tayfun abi lütfen bu serinin devamı gelsin. Svelte videoları
Lütfen devamı gelsin react vue ve svelte'in , teşekkürler güzeldi video.
Hocam selam, yazılım ile ilgili içerikleri için teşekkür ederim emeğinize sağlık.
Bir sorum olucak .Net backendci olarak daha önce fronted ile ilgili herhangi bir alt yapısı olmayan (html,css js bildiğini ver sayarak) bir yazılımcı fronted end'e hangi framework ile başlarsak daha iy olur.
angular düşünebilirsin sizin tatafa daha yatkın bence :) ama react'i de tercih edebilirsin angular karmaşık gelirse, vuejs ve svelte ile ilgili çok tecrübem yok o yüzden bir şey söyleyemiyorum ama bu gibi durumlarda community çok önemli ve react kendini bu konuda çoktan kanıtladı vue mesela bu konuda hala yetersiz svelte zaten daha yeni gelişen bir topluluk o yüzden en mantıklısı angular ya da react olabilir
Svelte vue ve react tan daha kolay bir dil favori
Programlama dili oldu benim için
Programlama dili değilde framework
react örneği müthiş
Vue candır, gerisi heyecandır 😄
Peki hocam, astro kullanarak, bu üçünü de aynı adreste çalıştırsan nasıl bir psikopatlık olur. Hem astro gibi ssg'e ihtiyaç duyanlar da görmüş olur. Ülkemizde statik ve blog tarzı siteler popüler, genelde Wordpress yoluna gidiyor insanlar ama astro bilinse ve gelişse oturur gibi.
Teşekkürler
angular abimiz darıldı. :) öğrenmesi en kolay ve syntaxi göz yormayan vue js diyorum. svelte nin topluluğu gelişirse ve mevcut ui kütüphanelerine destek gelirse neden geçmeyeyim. Video sonunda projelerin derlenmiş hallerinin boyut karşılaştırmalarını aradim ama yine de karşılaştırma için eline sağlık.
Sadece yazımı kolay diye vue dan svelte geçmem heralde. bir de büyük projelerde svelte nin performansi nasil? daha cok foreach olan ve data item sayisi fazla olan projeler patliyor.
react -> 178kb
vue -> 65kb
svelte -> 26kb
svelte en düşük cihazlarda bile performanslı çalışıyor zaten brezilyadaki şu 200bin'den fazla pos cihazında kullanıldığını duymuşsundur, çok büyük projelerde henüz deneme şansım olmadı ama bir şans verip testleri yapacağım ben de, önü parlak gözüküyor :)
günaydın hocam biz öğrendik bile :D bu arada svelte compiler .
compiler as a framework daha mantıklı sanki :)
Ya şu kodları hostta nasıl çalıştırırızla alakalı bir video yapsan veya işte react vs nasıl host edılır dıye digitalocean kullanmıyor herkes :)
kullanmasına gerek yok, yarn build komutunu çalıştırdığında build klasörü içinde html-css ve js dosyaların var onu herhangi bir hosting e atarsan çalışacaktır, bu compile süreci sadece geliştirme yaparken geçerli diğer türlü browser html-css-js çalıştırıyor onu da her sunucuda host edebilirsin :) vue, svelte ya da x bir tool içinde bu dediğim geçerli
@@PROTOTURKCOM misal react ile chat benzeri bir şey yaptık aynı şekilmi oluyor direk atınca çalışacakmı yani. port vs açmaya gerek duymadan ?
port açma muhabbetini react'te değil hangi programlama dilini kullanıyorsan onda yapacağın için evet react tarafında hiçbir ayar yapmana gerek yok, eğer nextjs kullanıyorsan farklı tabi orada ssr devreye giriyor ama react'in kendisi bağımsız bu dediklerinden, ui aracı nihayetinde
WebStorm eklentilerin teman ve font nedir acaba, onun harici react vueden daha kullanışlı geldi bana svelte hepsine bin bastı orası da ayrı :D
material. deep ocean teması, font fira code, eklentileri hiç sorma hatırlamıyorum :D
Vuedayim suan ama gokhan abiden vazgecip svelte donesim geldi
Kullandığın Editor, Ekran Kaydı Programları neler ve edit için ne kullanıyorsun?
camtasia studio kayıt edit hepsini bundan yapıyorum basitçe, editorde webstorm
Bende başladım.
export let categories, selected, query diyerek props ları tanımlayabilirsin.
31:20 ben ne yapıyorum tam olarak?
Svelte'in çıkış amacı React'in aslında hiç de "reactive" olmadığını kanıtlamak istemesiydi yamulmuyorsam. Ayrıca Svelte kullanırken componentlara yerine direkt diyebilirdin. Aynı prop ve variable isimlerinde kolaylık var böyle, birkaç yüz tane daha güzel detay var ama sırası değil:))
alışkanlıklardan kolay vazgeçilmiyor :) dökümanlarını okuyorum, bakalım neleri var anlamış olurum yakında
Livewire için video çekermisin
Sapper ile bir blog tasarlar misin erbilen hocam? :)
Sapper değilde sveltekit ile tasarlarız :)
@@PROTOTURKCOM Evet, ben de tekrardan bir baktim. SvelteKit tahtini almis Sapper'in :))
Hocam "crash course" tarzı videolar çeksen güzel olmaz mı? Mesela tek videoda Vue vesaire.
çekerim çekmesine de öyle aptalca yorumlar geliyor ki hevesim kalmıyor
@@PROTOTURKCOM Sizin de işiniz zor, o kadar millete ders veriyorsunuz zaman ayırıyorsunuz sonra gördüğünüz muamele ortada. Allah sabır versin hocam.
Bizden çok biliyorsun. Önemli olan bir patika açmak, o yoldan gelmek isteyen kendisine otoban yapsın.
amacım o zaten
@@PROTOTURKCOM emeğine, ellerine sağlık.
Neden Geç Gördüm Diye Üzülüyorum Şuan :(
Editor ne?
webstorm
Svelte nedir
bir başka js frameworkü diyebiliriz, sitesine girip biraz bakarsan ve kurucusunun bir konfernas videosu var onu izlersen daha detaylı bilgi sahibi olabilirsin
@@PROTOTURKCOM teşekkür ederim
Svelte frameworkten ziyade aslinda biraz daha ust bir sey bir derleyici , ve gelistiricisi rich harris sanirim gecen gun hackernews de gordum adam vercel de tam zamanli ise baslamis
yeni bilgisayarla esiyosun abi XD