Demo: react-hswiyr.stackblitz.io Kaynak kodlar: stackblitz.com/edit/react-hswiyr Kanala destek olmak için KATIL'abilir ya da prototurk.com'daki reklamlara günde 1 kere
Hocam zaten ilk defa öğrendiğimiz için karışık geliyor, sizde birşeyler ekleyip daha da karıştırmışsınız :D Belki daha kolay veya pratik oluyor olabilir ama bilmeyen insanın gözünde büyüyor. Tabi emeğinize sağlık
Çok faydalı bir içerik olmuş hocam, daha fazla react hakkında bilgilendirici video olursa çok güzel olur. Örneklerin video süresi genelde göz korkutuyor :)
Peki abi responsive menü togglende kullanmak mantıklımı bu context api yoksa saçma mı biraz modüler takılıyorum navbar falan ayrı ama app.js sarmalayınca contexti daha sonra olacak contextler falan bilmiyorum boşa mı olur ve birden fazla context kullanınca sürekli sarmala yapıyoruz bu da biraz sıkıntı gibi biraz araştırdım global provider yapıyorlar ama pek tatmin etmedi reduxta bu sorun varmı bilmiyorum
Tayfun abi mesajı görür müsün bilmiyorum da, görürsen şu kısmı anlamadım. Şimdi contexi niye kullanıyoruzda app.jsden footer'a state gönderdik. sonra ordanda themeswithce gönderdik. bunun daha kolay olması için context kullanıyoruz onu anladım. Peki context kullanmadan, daha ilk başta app.jsde bu ikisinin altına niye yazmadık. Bizim context'e geçiş sebebini tam anlayamadım. Yani app.jsde üretilen theme ve settheme aynı anda birden fazla yere gönderilemiyor mu. gönderemesiyorsak başta nasıl hem header'a hem footer'a gönderdik. demek ki gönderebiliyoruz. biraz uzattım sanki :)
Hocam kullandığınız editör webstrom mu? Veya hangisini kullanıyorsunuz? Bende Jetbrains in öğrenci lisansı var lakin ayarlarını falan düzgün bilmediğim için vs code kullanıyorum halen. Vs code da çok güzel eklentiler var. Mesela daha bulamamış olsam bile getir in anasayfasını yaparken yapay zeka diye bahsettiğiniz o eklenti çok hoş. İsmink söylemiştiniz lakin hatırlamıyorum.
Getir videosunu izlemedim ama eklenti tabnine olabilir , 1gb ram yiyordu bende .Webstorm u biraz kurcalarsan js için çok iyi benim pc de biraz yavas çalısıyor yoksa kesin kullanırdım. 42 WebStorm Tips and Tricks diye bir video var ben onu izlemiştim tavsiye ederim.
Context API iyi hoş da Redux daha düzenli kafada daha iyi oturuyor. Muhteşem anlattın ama proje büyüdükçe bu yapı çorba olur gibi geliyor. MainContext harici farklı AppContextlere de ihtiyaç duyabilirim ve bu ihtiyaç hasıl olduğu noktada çorba olacak 😊
kesinlikle state yönetimi için harici araçlar kullanmak gerekir, sadece react'in core paketinde bulunanıda göstermek istedim ben, yoksa herkes bunu kullansın demiyorum :)
Hemen şöyle bir çözüm buldum, interface (üşendiğim için any ile tanımladım) oluşturup, bir değişkeni o interface ile tanımlayıp öyle createContext çağırdım. mükemmel değil ama idare eder
daha hizli anlat istersen bu sekilde nasil ogrencez 2 saniyede konuadan konuya geciyosun takip edemedim hic yeni ogrenenler icin biraz daha yavas anlatsan yararli olacaktir
@@PROTOTURKCOM bicok sey var detayli aciklanacak hocam. Sadece bir kac aciklayici bilgi vereyim, ornegin useState kullaniyorsun useState te distructring yaptigini ve o nedenle koseli parantez kullandigini, koseli parantez icerisinde yer alan "theme" nin senin statinin son hali oldugunu, "theme" yi degistirmek icin setTheme methodunun kullanildigini ve useState in aldigi parametrenin current parametre oldugu gibi. Bi suru durum var daha anlatabilirim. Yazmak gecmek degil de konuyu anlatmak lazim.
@@PROTOTURKCOM hem theme mi hem de settheme mi buraya props olarak gecmem gerekiyo diyosun onun yerine, parent component ten child componente baglanti saglamak istedigimde prop kullanmam gerekiyo diyebilirsin daha aciklayici olur. gectigin propu da distructring yaptigini belirtirsin bu nedenle curly braces kullandigini belirtirsin child componentte.
ternary operator kullandigini ve by operatorun bilginiz bigi ozelligi soyle degip aciklayici kisa bilgi nasil kullanildigi ile ilgili gibi hacom. umarim faydam olmustur.
Demo: react-hswiyr.stackblitz.io
Kaynak kodlar: stackblitz.com/edit/react-hswiyr
Kanala destek olmak için KATIL'abilir ya da prototurk.com'daki reklamlara günde 1 kere
Cok tesekkur ederim. Umarim karsiliginda maddi anlamda da mutlusunuzdur. Yaptiginiz is bir cok insana dokunuyor. Devamini bekliyoruyz.
Hocam zaten ilk defa öğrendiğimiz için karışık geliyor, sizde birşeyler ekleyip daha da karıştırmışsınız :D Belki daha kolay veya pratik oluyor olabilir ama bilmeyen insanın gözünde büyüyor. Tabi emeğinize sağlık
Birçok kez dinlememe rağmen anlamamıştım o kadar yalın ve güzel anlatmışsınız ki anladım ve hemen projeme uygulayabildim. Minnettarım.
Sen çok kral 👑 bi adamsın. Tek kelimeyle mükemmel bir anlatım.
tayfun hocam, context olayını daha önce 3 kişiden dinledim. ama senin dersinde tam manasıyla anladım. varolasın.
teşekkür ederim, react serisi altında anlattığım context dersine de bakarsan daha iyi olur, atladığım şeyleri orada gösterme şansım oldu
finaldeki vedadaki müzik hakketen çok güzel oldu kardşeim ... güzeldi ...
İzahınız əladır. Uğurlar!
Çok faydalı bir içerik olmuş hocam, daha fazla react hakkında bilgilendirici video olursa çok güzel olur. Örneklerin video süresi genelde göz korkutuyor :)
Keşke daha once atsan abi 😂 ogrendim ama keyifle izliyorum
Sen üşenmedin bu videoyu çektin ben de üşenmedim reklama tıkladım hocam eline emeğine sağlık :)
Süper anlatım. Teşekkürler. 👍
Hocam react ı bu kadar iyi anlatanı görmemiştim emeğine sağlık
Teşekkürler yine bildiğim konulara ayrıntılar eklendi sayenizde :)
Elinize sağlık, çok faydalı bir paylaşım olmuş :)
Öğretici bir video olmuş. Güzel bir örnekle sade bir şekilde anlatmışsınız. Teşekkürler
Çok teşekkürler hocam
teşekkür ederim
super bir ders
Teşekkürler Emeğine sağlık kardeşim
Muazzam video hocam.
Teşekürler Tayfun hocam çok güzel bir içerik idi.
tamda class component ve reduxtan function ve contexte geçiş aşamasındayım iyi oldu :)
50 tane yabancı yerli video izledim mantığını anlamadım sayende anladım sonunda
çok güzel bir anlatım tayfun hocam :)
Teşekkürler
Çok faydalı oldu. Teşekkürler.
Çok iyi anlattınız. Teşeekkür ederim.
helal olsun
Hocam mükemmel anlatmışısınız ama 0.75 te dinleyince anlayabildim hızlısınız :D
adam ya geldi adam
Teşekkürler.
Peki abi responsive menü togglende kullanmak mantıklımı bu context api yoksa saçma mı biraz modüler takılıyorum navbar falan ayrı ama app.js sarmalayınca contexti daha sonra olacak contextler falan bilmiyorum boşa mı olur ve birden fazla context kullanınca sürekli sarmala yapıyoruz bu da biraz sıkıntı gibi biraz araştırdım global provider yapıyorlar ama pek tatmin etmedi reduxta bu sorun varmı bilmiyorum
Tayfun abi mesajı görür müsün bilmiyorum da, görürsen şu kısmı anlamadım. Şimdi contexi niye kullanıyoruzda app.jsden footer'a state gönderdik. sonra ordanda themeswithce gönderdik. bunun daha kolay olması için context kullanıyoruz onu anladım. Peki context kullanmadan, daha ilk başta app.jsde bu ikisinin altına niye yazmadık. Bizim context'e geçiş sebebini tam anlayamadım. Yani app.jsde üretilen theme ve settheme aynı anda birden fazla yere gönderilemiyor mu. gönderemesiyorsak başta nasıl hem header'a hem footer'a gönderdik. demek ki gönderebiliyoruz. biraz uzattım sanki :)
Hocam kullandığınız editör webstrom mu? Veya hangisini kullanıyorsunuz? Bende Jetbrains in öğrenci lisansı var lakin ayarlarını falan düzgün bilmediğim için vs code kullanıyorum halen. Vs code da çok güzel eklentiler var. Mesela daha bulamamış olsam bile getir in anasayfasını yaparken yapay zeka diye bahsettiğiniz o eklenti çok hoş. İsmink söylemiştiniz lakin hatırlamıyorum.
Kullandığı editörü ben de merak ettim bulabilirsen haber eder misin?
Getir videosunu izlemedim ama eklenti tabnine olabilir , 1gb ram yiyordu bende .Webstorm u biraz kurcalarsan js için çok iyi benim pc de biraz yavas çalısıyor yoksa kesin kullanırdım.
42 WebStorm Tips and Tricks diye bir video var ben onu izlemiştim tavsiye ederim.
Phpstorm kullanıyordu vs gecti ama şuan kullandığını bilmiyorum
webstorm editör, material theme ve atom material icons eklentilerini kullanıyorum. o vscode'daki eklenti ise github copilot eklentisiydi :)
@@PROTOTURKCOM hocam teşekkür ederim.
1:49'da koptum abi.Allah da seni güldürsün :D
IDE hangisi ve tema varsa onun da adını söylermisin
webstorm editör, material theme ve atom material icons eklentilerini kullanıyorum
Çohh eyi. Çohh eyi :)
IDE baya değişik geldi hangi ideyi kullanıyorsun
webstorm
erbilen kişisi : SİZİ İÇERİĞE BOĞACAK BİLGİYE HEYECANA İSTEĞE SAHİBİM
hocam tema ve simge resimleri için hangi eklentileri kullanıyorsunuz program adı ne ve yine harika bir içerik olmuş tşk :)
webstorm editör, material theme ve atom material icons eklentilerini kullanıyorum
Kullandığınız editör nedir paylaşabilir misiniz?. Çok hoşuma gitti de :)
webStorm :)
@@PROTOTURKCOM tekrar rahatsız ediyorum ama tema nedir acaba webstorm kurdum ama standart hali sizinkinden çok farklı :)
material deep ocean :)
Reis bir de Redux videosu ceker misin hicbir sey anlamiyorum cunku
abi keşke biraz daha yavaş anlatsaymışsın bi ara çalma hızını felan kontol ettim :)
Abi redux öldümü şimdi?
hocam rica etsem sıfırdan bi react projesini nasıl entegre edip kuracağımızı da gösterebilirmisin. teşekkürler
ek olarak reducer i de anlatırmısın
React Query incelemeni şiddetle tavsiye ederim kral
kullanıyorum projelerimde
@@PROTOTURKCOM Yeyyy, buradan yakında React Query eğitimi gelecek varsayımı yapabilirim öyleyse :D
hocam redux egitimi gelsin
1.01 Sedat Peker safajgldsjlgdsljgs :D
Context API iyi hoş da Redux daha düzenli kafada daha iyi oturuyor. Muhteşem anlattın ama proje büyüdükçe bu yapı çorba olur gibi geliyor. MainContext harici farklı AppContextlere de ihtiyaç duyabilirim ve bu ihtiyaç hasıl olduğu noktada çorba olacak 😊
kesinlikle state yönetimi için harici araçlar kullanmak gerekir, sadece react'in core paketinde bulunanıda göstermek istedim ben, yoksa herkes bunu kullansın demiyorum :)
@@PROTOTURKCOM Nayırr öyle diyorsun, bizi kandırıyorsun. Duygularımızı bir state ile yönetemezsin 😄😄
Reklamlara tiklayin
babacım sen ne anlatıyosun (1:51) :)
Hocam typescript kanser ediyor her leve veri atmak istediğimde :(
Hemen şöyle bir çözüm buldum, interface (üşendiğim için any ile tanımladım) oluşturup, bir değişkeni o interface ile tanımlayıp öyle createContext çağırdım. mükemmel değil ama idare eder
çalışmıyor sanırım data değişmiyor ki komponentler güncellensin
ne calismiyor kardesim?
redux'a göre çok çok çok daha kolay. ben burdan devam.
Video hızı 2x te kalmış sandım
kimse yazmamis ilk ben yazayim bari
editorun adi ne bilen var mi?
webstorm
MobX ve Persist kullan gec ya hic ugrasma bunla 😀
bu kafayla eğitim çekmiyoruz allahtan biz :)
yorum
daha hizli anlat istersen bu sekilde nasil ogrencez 2 saniyede konuadan konuya geciyosun takip edemedim hic yeni ogrenenler icin biraz daha yavas anlatsan yararli olacaktir
ne kadar daha yavaş anlatayım mesela? örnek bir hız limiti verde ona göre anlatayım bir dahakine.
Hocam iyi hosta bilen icin anlatmissin. bilmeyen icin aciklaman yetersiz
nerede yetersiz mesela? anlamadığın şeyi sorabilirdin :)
@@PROTOTURKCOM bicok sey var detayli aciklanacak hocam. Sadece bir kac aciklayici bilgi vereyim, ornegin useState kullaniyorsun useState te distructring yaptigini ve o nedenle koseli parantez kullandigini, koseli parantez icerisinde yer alan "theme" nin senin statinin son hali oldugunu, "theme" yi degistirmek icin setTheme methodunun kullanildigini ve useState in aldigi parametrenin current parametre oldugu gibi. Bi suru durum var daha anlatabilirim. Yazmak gecmek degil de konuyu anlatmak lazim.
@@PROTOTURKCOM hem theme mi hem de settheme mi buraya props olarak gecmem gerekiyo diyosun onun yerine, parent component ten child componente baglanti saglamak istedigimde prop kullanmam gerekiyo diyebilirsin daha aciklayici olur. gectigin propu da distructring yaptigini belirtirsin bu nedenle curly braces kullandigini belirtirsin child componentte.
@@PROTOTURKCOM bu sekilde bilmeyen konuyu daha iyi anlar o nedenle dedim konuyu bilen icin anlatmissiniz diye
ternary operator kullandigini ve by operatorun bilginiz bigi ozelligi soyle degip aciklayici kisa bilgi nasil kullanildigi ile ilgili gibi hacom. umarim faydam olmustur.
çok hızlı anlatıyosun hiç birşey anlamadım
Teşekkürler.
teşekkür ederim