Abi aklım almiyo zayif bir vanilla javascript bilgidime sahip olmama ragmen işım geregi react ogrenmem gereki o kadar yabanci kaynak parayla alınmiş udemy dersleri nasıl olurda her videonda bana herşeyi kusursuz ögretebiliyosun cok tebrik ediyorum ögretmek için doğmussun tesekkurlerimi iletiyorum hayatinda başarilar dostum supersin
Ağzınıza sağlık hocam çok güzel bir anlatımdı. Benim aklım aklımda birkaç soru var onları siz veya bilen biri cevaplarsa çok güzel olur. 1.Soru: Ben state yerine neden useState kullanmalıyım Componentteki datayı tutuyorum anladığım kadarıyla. 2.Soru: useState kullanmak mantıklı diyelim. Her şeyi böyle mi tutmak gerek. Benim onlarca değişkenim varsa hepsini böyle tutmak çok uzun bir kod kalabalığı yapmaz mı? 3.Soru: state ve useState aynı anda kullanılır mı mantıklı mı ? Cevap veren herkese şimdiden teşekkürler.
1. state vs. useState mevzusu aslinda class vs. function component farkindan kaynaklaniyor. 2. Cok fazla state parcaniz varsa reducer kullanabilirsiniz. bkz: useReducer 3. Kullanilmaz cunku biri function component icinde kullanilirken digeri class component icinde kullanilir.
hocam react'in ve react native' in kendi dökümantasyonunda genellikle state yapısı class component'ler ile yapılmış, müsait olduğunuz bir zamanda class ve function componentlerin farklarını anlatacağınız bir video yapabilir misiniz?
Hocam merhaba, İş görüşmelerinde hala react yaşam döngüsü soruluyor mu ? Class base yaygın ken sormaları mantıklıydı fakat fonksiyonel kullanımlarda bu soru bana pek mantıklı gelmiyor.
RAmazan bey merhaba sizi sIkca benzer basliklarda goruyorum, sormak isterim acaba baska boyle kesfetdiginiz kanal varmidir efendim? Malumunuz, aramalarda bile cok zor onumuze cikiyor boyle guzel kanallar. Teesekkurler iyi gunler dilerim.
@@kenansari Kenan bey , 2 aydır react'a calışmaya başladım bu süre zarfında ise Güncel versiyon olarak arama yaptım. Bu aramaları gerek udemy i olsun gerek youtube olsun bütün başlıklara baktım bir çoğu yarıda bırakmış ve tam istenilen bilgiyi aktaramıyor . Lakin @reactdersleri kanalı hem güncel ve uygulamalar konuyu benimsetiyor. Karmaşık konuyu basite indirgiyor.Bence en önemli kriter :).Bir tane var aslında udemy'i de Engin demiroğ hooks kursu var o da güncel tavsiye ederim. İyi çalışmalar ...
@@kenansari Kenan Bey sizin tavsiye edeceğiniz gerek kaynak gerek kanallar olsun varsa bizlere paylaşabilir misiniz?Yardımınız için şimdiden teşekkürler..
@@ramazankayis6554 Merhaba Ramazan bey, oncelikle degerli cevabiniz icin tesekkur ederim. Soyle ki ben de react calismalarina hemen hemen yeni baslamis sayilirim. Once Javascriptte saglam bir altyapi olusturmaya gayret ettim. Bunun icin sanirim siznzle ayni kurstayiz. Bende de Engin Beyin hooks kursu var. Fakat dosya yapisini oturtamadim yani hocalarimiz cok kiymetli ama bende dinlerken havada kalan kisimlar oldu, syntax yapisina hakimim fakat dosyalari birbirine baglarken hep hata yapiyorum sanirim zamanla oturacaktir. Bu yuzden guncel aramalar yaparak @react dersleri kanali buldugum icin cok sansli hissediyorum burada eksiklerimi kapatiyorum. @reactdersleri hocamizin emekleri paha bicilemez. Bu kanalda hocamiz direk ozunu veriyor. Sanki kendi ogrendigi zamanlara donerek nerede problem yasadiysa onlari anlatarak tabiri caizse yeni ogrenen kesinin nerede eksikler yasayabilecegini goruyor. Bu teknik de yeni ogrenen bizler icin cok faydali oluyor. Kafama girsin diye yemek yerken bile acip pasif olarak dinliyorum. Herkesin bildigi populer kanallar disinda ben yeni bir kanal daha buldum fakat ingilizce, oda Jack Herrington beyfendinin kanali. Kendisi Js ve react vue uzerine videoalr cekiyor. Kendisi sanirim yasi itibari ile sektorun eskilerinden. Kaliforniya silikon vadisinden. Kendisi direk @reactderleri hocamiz gibi sifirdan anlatmiyor ama sanki az bucuk bilgisi olana anlatir tadinda devam ediyor. Belki bir parca yardimci olabilir size. Saglicakla efendim. Iyi hafta sonlari dilerim.
@@kenansari cevabınız için teşekkür ederim :) . Bu süreci bir şekilde atlatacağız @React Dersleri ile daha çabuk olacak gibi :) hocamız baya iyi tekrardan emeğinize sağlık. Hocamızın ders videoların devamı gelmesi dileğiyle :)
Önceki state'i kontrol edip, eğer dizilerin uzunluğu değiştiyse set işlemini çalıştırmak istiyorum. Previous state geliyor. Karşılaştırmada gerçekleşiyor. Ama dizilerin uzunluğu farklıysa (else durumunda) değer dönmediğinden "undefined" olarak state'i set ediyor. Else durumunda State işleminden çıkış imkanı var mı ? Kısaca önceki state ile karşılaştırma yapıp, her seferinde set işlemini çalıştırmak istemiyorum. Yardımcı olur musunuz ? let sorted= parsedlist.sort((a,b)=>a?.bigdata?.sort-b.bigdata?.sort) _stateS(prev=>{if(prev?.length!=sorted.length){ return sorted } else { console.log("Buradaki şarta girmeden Set işleminden çıkabilir mi ? Girdiği durumda undefined olarak set ediyor",sorted) }
Hocam videonun sonundaki unmount olayında parametre verebilir miydik ? dizinin içi boş çünkü merak ettiğim bir konu bu. Ayrıca aklıma gelmiyor ama componenti kaldırmak istediğimizde diyoruz yani aklımızda ne canlanmalı tamam component silinecek ama gerçek bir senaryoda bir hangi componentleri neden sileriz ? sipariş listesinden bir ürünü iptal etmek gibi midir mesela ilk aklıma gelen bu, gec bir saatte tekrar tekrar izledim ama kaçırdıysam özür dilerim yorumların kalitesi için cevabımdan sonra yorumu silebilirim :) dependency olarak verilen arrayler diyelim 3 - 5 tane ve bir tanesi de async calısalan bir yapı üzerine state güncelliyor bu useEffectin ({ ... } , [1-2-3] diyelim 1-2-3 ün hepsinin de değişmesi lazım ki bu istediğimiz ... lı fonksiyon calıssın değil mi yani bu detayı kacırmak istemiyorum cünkü emin olmak gibi bir soru aslında bu
Parametre verseniz de component unmount edildiğinde return ettiğiniz fonksiyon çalışır. Eğer dependency array içine birden fazla eleman girerseniz, girdiğiniz elemanların herhangi birinin değişmesi useEffect içindeki fonksiyonu tetikler. Hepsinin aynı anda değişmesine gerek yok. Component nasıl ortadan kalkara gelince: oluşturduğunuz her bir .js dosyasını biz component olarak oluşturuyoruz. O component içerisindeki useEffect metoduna return verirseniz, o component ekrandan kaldırılıp yeni bir component'a geçildiğinde o component unmount oluyor demektir. Yani component silmek ifadesi aslında yanlış.
Abi aklım almiyo zayif bir vanilla javascript bilgidime sahip olmama ragmen işım geregi react ogrenmem gereki o kadar yabanci kaynak parayla alınmiş udemy dersleri nasıl olurda her videonda bana herşeyi kusursuz ögretebiliyosun cok tebrik ediyorum ögretmek için doğmussun tesekkurlerimi iletiyorum hayatinda başarilar dostum supersin
üstünkörü anlatanlara göre bu incelikli anlatım kesinlikle en iyisi , emekleriniz için sonsuz teşekkür ediyorum .
Hocam Allah razı olsun gerçekten bu kadar güzel anlatılır, baya kafam karışmıştı bu video ile anlayabildim sonunda
O kadar ingilizce kurs aldım şu konuları şu kadar açık bir şekilde anlatan olmadı , videolaranıza bu kadar geç rastladığım için kendime kızıyorum .
Çok temiz bir anlatım, teşekkürler :)
hocam cidden detaylı bir anlatım olmuş bu yüzden açıklayıcı olmuş teşekkürler.
Ağzınıza sağlık hocam çok güzel bir anlatımdı. Benim aklım aklımda birkaç soru var onları siz veya bilen biri cevaplarsa çok güzel olur.
1.Soru: Ben state yerine neden useState kullanmalıyım Componentteki datayı tutuyorum anladığım kadarıyla.
2.Soru: useState kullanmak mantıklı diyelim. Her şeyi böyle mi tutmak gerek. Benim onlarca değişkenim varsa hepsini böyle tutmak çok uzun bir kod kalabalığı yapmaz mı?
3.Soru: state ve useState aynı anda kullanılır mı mantıklı mı ?
Cevap veren herkese şimdiden teşekkürler.
1. state vs. useState mevzusu aslinda class vs. function component farkindan kaynaklaniyor.
2. Cok fazla state parcaniz varsa reducer kullanabilirsiniz. bkz: useReducer
3. Kullanilmaz cunku biri function component icinde kullanilirken digeri class component icinde kullanilir.
hocam merhaba,konuyu anlatırken örnekleri saklamak yerine örnekleri konu ile beraber anlatsaydınız keşke.İlk defa react öğreniyorum ve karışık geldi.
hocam react'in ve react native' in kendi dökümantasyonunda genellikle state yapısı class component'ler ile yapılmış, müsait olduğunuz bir zamanda class ve function componentlerin farklarını anlatacağınız bir video yapabilir misiniz?
Kanaldaki ilk videolardan birisi tamamen bu konudan bahsediyor
Tesekkurler hocam.
Ellerinize saglik hocam men cok yerde aradim nasil olurda sizin videolar karsima cikmamis udemyde boyle anlatmiyor hic
Hocam merhaba, İş görüşmelerinde hala react yaşam döngüsü soruluyor mu ?
Class base yaygın ken sormaları mantıklıydı fakat fonksiyonel kullanımlarda bu soru bana pek mantıklı gelmiyor.
Glassdoor’dan arastirmak lazim kesin bir bilgim yok. Bana kimse sormadi ama.
Hocam codeSandBox kullanırken useState ve useEffect konularında console.logta hooklar 2 kez çalışıyor. Strict mode nasıl kaldırabilirim ?
Süper. devamm
emeğinize sağlık hocam :)
RAmazan bey merhaba sizi sIkca benzer basliklarda goruyorum, sormak isterim acaba baska boyle kesfetdiginiz kanal varmidir efendim? Malumunuz, aramalarda bile cok zor onumuze cikiyor boyle guzel kanallar. Teesekkurler iyi gunler dilerim.
@@kenansari Kenan bey , 2 aydır react'a calışmaya başladım bu süre zarfında ise Güncel versiyon olarak arama yaptım. Bu aramaları gerek udemy i olsun gerek youtube olsun bütün başlıklara baktım bir çoğu yarıda bırakmış ve tam istenilen bilgiyi aktaramıyor . Lakin @reactdersleri kanalı hem güncel ve uygulamalar konuyu benimsetiyor. Karmaşık konuyu basite indirgiyor.Bence en önemli kriter :).Bir tane var aslında udemy'i de Engin demiroğ hooks kursu var o da güncel tavsiye ederim. İyi çalışmalar ...
@@kenansari Kenan Bey sizin tavsiye edeceğiniz gerek kaynak gerek kanallar olsun varsa bizlere paylaşabilir misiniz?Yardımınız için şimdiden teşekkürler..
@@ramazankayis6554 Merhaba Ramazan bey, oncelikle degerli cevabiniz icin tesekkur ederim. Soyle ki ben de react calismalarina hemen hemen yeni baslamis sayilirim. Once Javascriptte saglam bir altyapi olusturmaya gayret ettim. Bunun icin sanirim siznzle ayni kurstayiz. Bende de Engin Beyin hooks kursu var. Fakat dosya yapisini oturtamadim yani hocalarimiz cok kiymetli ama bende dinlerken havada kalan kisimlar oldu, syntax yapisina hakimim fakat dosyalari birbirine baglarken hep hata yapiyorum sanirim zamanla oturacaktir. Bu yuzden guncel aramalar yaparak @react dersleri kanali buldugum icin cok sansli hissediyorum burada eksiklerimi kapatiyorum. @reactdersleri hocamizin emekleri paha bicilemez. Bu kanalda hocamiz direk ozunu veriyor. Sanki kendi ogrendigi zamanlara donerek nerede problem yasadiysa onlari anlatarak tabiri caizse yeni ogrenen kesinin nerede eksikler yasayabilecegini goruyor. Bu teknik de yeni ogrenen bizler icin cok faydali oluyor. Kafama girsin diye yemek yerken bile acip pasif olarak dinliyorum.
Herkesin bildigi populer kanallar disinda ben yeni bir kanal daha buldum fakat ingilizce, oda Jack Herrington beyfendinin kanali. Kendisi Js ve react vue uzerine videoalr cekiyor. Kendisi sanirim yasi itibari ile sektorun eskilerinden. Kaliforniya silikon vadisinden. Kendisi direk @reactderleri hocamiz gibi sifirdan anlatmiyor ama sanki az bucuk bilgisi olana anlatir tadinda devam ediyor. Belki bir parca yardimci olabilir size. Saglicakla efendim. Iyi hafta sonlari dilerim.
@@kenansari cevabınız için teşekkür ederim :) . Bu süreci bir şekilde atlatacağız @React Dersleri ile daha çabuk olacak gibi :) hocamız baya iyi tekrardan emeğinize sağlık. Hocamızın ders videoların devamı gelmesi dileğiyle :)
arkadaşlar hiçbir şey anlamıyorsanız muhtemelen benim gibi hiçbir zaman anlamayacaksınız ben pes ettim demek ki zekamız yetmiyor programlamaya
Bu video programlama dersi degil React dersi. Yani temel JS bilmeniz gerekiyor. Problem sizde degil, yanlis yerden ogrenmeye baslamissiniz.
@@tolgabrandt doğru yoldasın dostum, pes etme (y)
hook dediğiniz hangisi tam olarak onu anlayamadım
life-cycle class componentlerde kullanılıyor, hooks onun functional componentlerde kullanılan yöntemiymiş sanırım.
Önceki state'i kontrol edip, eğer dizilerin uzunluğu değiştiyse set işlemini çalıştırmak istiyorum. Previous state geliyor. Karşılaştırmada gerçekleşiyor.
Ama dizilerin uzunluğu farklıysa (else durumunda) değer dönmediğinden "undefined" olarak state'i set ediyor.
Else durumunda State işleminden çıkış imkanı var mı ? Kısaca önceki state ile karşılaştırma yapıp, her seferinde set işlemini çalıştırmak istemiyorum.
Yardımcı olur musunuz ?
let sorted= parsedlist.sort((a,b)=>a?.bigdata?.sort-b.bigdata?.sort)
_stateS(prev=>{if(prev?.length!=sorted.length){
return sorted
}
else
{
console.log("Buradaki şarta girmeden Set işleminden çıkabilir mi ? Girdiği durumda undefined olarak set ediyor",sorted)
}
Else bolumunde return prev dersen state degismez. Ne dondurursen state icine o kaydedilir.
@@ReactDersleri Peki bu durumda tekrar set işlemi gerçekleştiğinden component state değişikliği algılamıyor mu ?
@@yigitruzgaruzun7289 hayır değer aynı kalırsa state değişmiş olarak sayılmaz sanırım. videodaki mehmet örneği gibi.
+++
Hocam videonun sonundaki unmount olayında parametre verebilir miydik ? dizinin içi boş çünkü merak ettiğim bir konu bu. Ayrıca aklıma gelmiyor ama componenti kaldırmak istediğimizde diyoruz yani aklımızda ne canlanmalı tamam component silinecek ama gerçek bir senaryoda bir hangi componentleri neden sileriz ? sipariş listesinden bir ürünü iptal etmek gibi midir mesela ilk aklıma gelen bu, gec bir saatte tekrar tekrar izledim ama kaçırdıysam özür dilerim yorumların kalitesi için cevabımdan sonra yorumu silebilirim :) dependency olarak verilen arrayler diyelim 3 - 5 tane ve bir tanesi de async calısalan bir yapı üzerine state güncelliyor bu useEffectin ({ ... } , [1-2-3] diyelim 1-2-3 ün hepsinin de değişmesi lazım ki bu istediğimiz ... lı fonksiyon calıssın değil mi yani bu detayı kacırmak istemiyorum cünkü emin olmak gibi bir soru aslında bu
Parametre verseniz de component unmount edildiğinde return ettiğiniz fonksiyon çalışır. Eğer dependency array içine birden fazla eleman girerseniz, girdiğiniz elemanların herhangi birinin değişmesi useEffect içindeki fonksiyonu tetikler. Hepsinin aynı anda değişmesine gerek yok. Component nasıl ortadan kalkara gelince: oluşturduğunuz her bir .js dosyasını biz component olarak oluşturuyoruz. O component içerisindeki useEffect metoduna return verirseniz, o component ekrandan kaldırılıp yeni bir component'a geçildiğinde o component unmount oluyor demektir. Yani component silmek ifadesi aslında yanlış.
@@ReactDersleri açıklamanız için çok ama çok teşekkür ederim