How to use Context in React

No video

How to use Context in React

Рет қаралды 20,340

Күн бұрын

Bu ders Tayfun Erbilen tarafından prototurk.com için hazırlanmıştır.
Kanala destek olmak için KATIL üzerinden size uygun seçeneği belirleyerek desteğinizi gösterebilirsiniz.
/ @prototurkcom
Yeni çıkardığım PHP Eğitim Setime gözatın!
udemy.com/php-...
-- Sosyal Hesaplarım;
/ erbilennet
/ prototurkcom
/ tayfunerbilen
/ prototurkcom
/ tayfunerbilen

Пікірлер: 98

@PROTOTURKCOM 3 жыл бұрын

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

@elmasx 2 жыл бұрын

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

@duygukoksal9900 11 ай бұрын

Cok tesekkur ederim. Umarim karsiliginda maddi anlamda da mutlusunuzdur. Yaptiginiz is bir cok insana dokunuyor. Devamini bekliyoruyz.

@yusufkulac6956 2 жыл бұрын

tayfun hocam, context olayını daha önce 3 kişiden dinledim. ama senin dersinde tam manasıyla anladım. varolasın.

@PROTOTURKCOM 2 жыл бұрын

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

@sratsemihcop6823 3 жыл бұрын

Ç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 :)

@ebubekiryazgan 3 жыл бұрын

Sen çok kral 👑 bi adamsın. Tek kelimeyle mükemmel bir anlatım.

@tgyytb 3 жыл бұрын

finaldeki vedadaki müzik hakketen çok güzel oldu kardşeim ... güzeldi ...

@webdevelopment3721 3 жыл бұрын

Keşke daha once atsan abi 😂 ogrendim ama keyifle izliyorum

@karamanabdullah 2 жыл бұрын

Sen üşenmedin bu videoyu çektin ben de üşenmedim reklama tıkladım hocam eline emeğine sağlık :)

@tugbaakan7099 Жыл бұрын

Teşekkürler.

@orientedyazilim 2 жыл бұрын

Hocam react ı bu kadar iyi anlatanı görmemiştim emeğine sağlık

@muhammedozalp 11 ай бұрын

Teşekkürler Emeğine sağlık kardeşim

@abilovelchin 3 жыл бұрын

IDE hangisi ve tema varsa onun da adını söylermisin

@PROTOTURKCOM 3 жыл бұрын

webstorm editör, material theme ve atom material icons eklentilerini kullanıyorum

@bertugmete2855 2 жыл бұрын

Elinize sağlık, çok faydalı bir paylaşım olmuş :)

@weeseenman2248 3 жыл бұрын

Teşekkürler yine bildiğim konulara ayrıntılar eklendi sayenizde :)

@bulutyelken3450 Жыл бұрын

Çok teşekkürler hocam

@tun4tun 2 жыл бұрын

Öğretici bir video olmuş. Güzel bir örnekle sade bir şekilde anlatmışsınız. Teşekkürler

@atticuus 10 ай бұрын

teşekkür ederim

@borakececi8472 Жыл бұрын

Teşekkürler

@huseyinbattal 2 жыл бұрын

Süper anlatım. Teşekkürler. 👍

@talh4wk 3 жыл бұрын

tamda class component ve reduxtan function ve contexte geçiş aşamasındayım iyi oldu :)

@by6321 3 жыл бұрын

Teşekürler Tayfun hocam çok güzel bir içerik idi.

@huseynsharif 8 ай бұрын

İzahınız əladır. Uğurlar!

@Swaggyhav 11 ай бұрын

teşekkürler

@huseyincuma9523 2 жыл бұрын

abi keşke biraz daha yavaş anlatsaymışsın bi ara çalma hızını felan kontol ettim :)

@mete9869 2 жыл бұрын

50 tane yabancı yerli video izledim mantığını anlamadım sayende anladım sonunda

@fuataydin3115 6 ай бұрын

helal olsun

@onuryurdagelen760 3 жыл бұрын

1:49'da koptum abi.Allah da seni güldürsün :D

@tayfundagcii 2 жыл бұрын

çok güzel bir anlatım tayfun hocam :)

@emirhankayabas 3 жыл бұрын

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.

@Shingalol 3 жыл бұрын

Kullandığı editörü ben de merak ettim bulabilirsen haber eder misin?

@ilteris6345 3 жыл бұрын

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.

@alisen284 3 жыл бұрын

Phpstorm kullanıyordu vs gecti ama şuan kullandığını bilmiyorum

@PROTOTURKCOM 3 жыл бұрын

webstorm editör, material theme ve atom material icons eklentilerini kullanıyorum. o vscode'daki eklenti ise github copilot eklentisiydi :)

@emirhankayabas 3 жыл бұрын

@@PROTOTURKCOM hocam teşekkür ederim.

@yusufisbilir7556 2 жыл бұрын

Çok iyi anlattınız. Teşeekkür ederim.

@SabriCanOkyay 2 жыл бұрын

Çok faydalı oldu. Teşekkürler.

@khanbozkurt 2 жыл бұрын

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 😊

@PROTOTURKCOM 2 жыл бұрын

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 :)

@khanbozkurt 2 жыл бұрын

@@PROTOTURKCOM Nayırr öyle diyorsun, bizi kandırıyorsun. Duygularımızı bir state ile yönetemezsin 😄😄

@muzaffertolgayakar1711 3 жыл бұрын

hocam redux egitimi gelsin

@KerimKaraman28 2 жыл бұрын

Muazzam video hocam.

@sahiniz Жыл бұрын

Video hızı 2x te kalmış sandım

@emreozturk7803 11 ай бұрын

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

@ugurarslan5673 7 ай бұрын

Çohh eyi. Çohh eyi :)

@yunus_acar 3 жыл бұрын

IDE baya değişik geldi hangi ideyi kullanıyorsun

@PROTOTURKCOM 3 жыл бұрын

webstorm

@canerucar34 3 жыл бұрын

erbilen kişisi : SİZİ İÇERİĞE BOĞACAK BİLGİYE HEYECANA İSTEĞE SAHİBİM

@Rootbarann 3 жыл бұрын

adam ya geldi adam

@WTCadelux Жыл бұрын

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 :)

@oktaygedik1270 Жыл бұрын

1.01 Sedat Peker safajgldsjlgdsljgs :D

@AragornTwitch 3 жыл бұрын

Reis bir de Redux videosu ceker misin hicbir sey anlamiyorum cunku

@yusufgungor 2 жыл бұрын

Reklamlara tiklayin

@aytcunal 2 жыл бұрын

babacım sen ne anlatıyosun (1:51) :)

@mehmetalbay4674 3 жыл бұрын

hocam tema ve simge resimleri için hangi eklentileri kullanıyorsunuz program adı ne ve yine harika bir içerik olmuş tşk :)

@PROTOTURKCOM 3 жыл бұрын

webstorm editör, material theme ve atom material icons eklentilerini kullanıyorum

@kasmsahin9025 3 жыл бұрын

hocam rica etsem sıfırdan bi react projesini nasıl entegre edip kuracağımızı da gösterebilirmisin. teşekkürler

@talh4wk 3 жыл бұрын

ek olarak reducer i de anlatırmısın

@gizemavcs8599 2 жыл бұрын

Abi redux öldümü şimdi?

@kazimkesler Жыл бұрын

çalışmıyor sanırım data değişmiyor ki komponentler güncellensin

@PROTOTURKCOM Жыл бұрын

ne calismiyor kardesim?

@ysnerylmz 2 жыл бұрын

React Query incelemeni şiddetle tavsiye ederim kral

@PROTOTURKCOM 2 жыл бұрын

kullanıyorum projelerimde

@ysnerylmz 2 жыл бұрын

@@PROTOTURKCOM Yeyyy, buradan yakında React Query eğitimi gelecek varsayımı yapabilirim öyleyse :D

@HyoAkira Жыл бұрын

Hocam typescript kanser ediyor her leve veri atmak istediğimde :(

@HyoAkira Жыл бұрын

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

@EnesBalayX Жыл бұрын

Kullandığınız editör nedir paylaşabilir misiniz?. Çok hoşuma gitti de :)

@PROTOTURKCOM Жыл бұрын

webStorm :)

@EnesBalayX Жыл бұрын

@@PROTOTURKCOM tekrar rahatsız ediyorum ama tema nedir acaba webstorm kurdum ama standart hali sizinkinden çok farklı :)

@PROTOTURKCOM Жыл бұрын

material deep ocean :)

@bariscodefx 3 жыл бұрын

kimse yazmamis ilk ben yazayim bari

@saint1yusuf 2 жыл бұрын

redux'a göre çok çok çok daha kolay. ben burdan devam.

@excalibur885 3 жыл бұрын

MobX ve Persist kullan gec ya hic ugrasma bunla 😀

@PROTOTURKCOM 3 жыл бұрын

bu kafayla eğitim çekmiyoruz allahtan biz :)

@haydarcoban1702 6 ай бұрын

çok hızlı anlatıyosun hiç birşey anlamadım

@kenansari 3 жыл бұрын

editorun adi ne bilen var mi?

@PROTOTURKCOM 3 жыл бұрын

webstorm

@izmirgoztepem 2 жыл бұрын

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 2 жыл бұрын

ne kadar daha yavaş anlatayım mesela? örnek bir hız limiti verde ona göre anlatayım bir dahakine.

@gulalicelik2989 3 жыл бұрын

yorum

@jackws4929 Жыл бұрын

Hocam iyi hosta bilen icin anlatmissin. bilmeyen icin aciklaman yetersiz

@PROTOTURKCOM Жыл бұрын

nerede yetersiz mesela? anlamadığın şeyi sorabilirdin :)

@jackws4929 Жыл бұрын

@@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.

@jackws4929 Жыл бұрын

@@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.

@jackws4929 Жыл бұрын

@@PROTOTURKCOM bu sekilde bilmeyen konuyu daha iyi anlar o nedenle dedim konuyu bilen icin anlatmissiniz diye

@jackws4929 Жыл бұрын

ternary operator kullandigini ve by operatorun bilginiz bigi ozelligi soyle degip aciklayici kisa bilgi nasil kullanildigi ile ilgili gibi hacom. umarim faydam olmustur.