@@ReactDersleri hocam video cekmeyi düsünüyor musunuz? düsünüyorsanız konu nedir ? ayrıca işinizden bilgi verir misiniz ? biz de remote olarak iş bulmaya calısıyoruz bununla ilgili bilginiz var mı ve sizin tecrübeleriniz cok degerli.
useContext'in en cok kullanildigi 3 yer: 1.kullanici bilgileri, 2.sayfanin temasi, 3.dil secenekleri. Bunlari alt alta sirayla her component'e eklemek yerine gerektiginde tum componentlerin ulasabilecegi disarda bir mekanda hazir tutmaya yararyan hook useContext'tir. Harika anlatiminiz icin tekrar tesekkur.
Anlatırken kendine göre değil de dinleyicinin anlayacapı şekildr kelimeleri seçmesi mükemmel bir hizmet. Gerçekten teşekkür ediyorum. React derslerinde anlamadığım yerlrde eninde sonunda buraya geliyorum. 🙂
Ohh bee, bir kaç yere baktım anlatılanları çok anlayamadım useContext ile ilgili, bu videoda kafamdaki bütün soru işaretleri gitti diyebilirim. Elinize sağlık hocam :)
Hocam Ağzınıza Sağlık Yaklaşık Üç gündür araştırıyorum Bir Türlü Anlamadım Mantığı Ama Siz Bir Kaç Dakikada Çözdünüz Her şeyi Çok Sağ olun emeğinize Sağlık
Redux, useReducer ve custom hook haric bütün videolarınızı sırayla izledim bunu 2. ye izlememe rağmen tam anlayamadım cok keyfim kaçtı.. Yine de teşekkürler yüksek ihtimalle sorun bende motive olup tekrar bakıcam bu konuya gerekirse farklı kaynaklardan
Sorunun kendinizde oldugunuzu dusunmeyin. Bir ara verin, birkac saat veya bir gun sonra videoyu ve diger kaynaklari tekrar edin, daha kolay anlasilacaktir.
Context kullanımında, context içindeki member’lardan sadece biri değişirse, bu hook’u kullanan ama o member’i kullanmayan componentlerin da tekrar update olur mu ? Eğer hepsi update olursa componentleri kodunun tamamı mı koşar yoksa sadece useeffect’ler mi koşar ? Teşekkürler 🙏
Thanks for this, great explanation! Would be great if you could do one with a really simplified flow for access token & refresh token and how to persist tokens with local storage? I'm making a custom Spotify interface using their Web API and struggling a bit with this final part.
Hal Thanks for the comment. This is a new channel and you are the first one to comment :) I might prepare something for you but it would be in Turkish. My next video I was going to go over creating custom hooks. I was thinking about creating a useInput or useLocalStorage hook. Since you asked, useLocalStorage it is.
@@ReactDersleri Adamsin! ;) Yes, i realised after i posted the comment. Don't worry about the language i'm Turkish from the UK so i can understand. Best of luck with your channel, i'm sure its going to be a success - Looking forward to viewing future content.
Hocam bu Recoil e ne diyorsunuz redux vs ye alternatif olarak , benim gibi yeni öğrenen biri için ilk bakışta çok cazip miş gibi gözükor ama sanki piyasada pek ilgi de çekmemiş gibi nedendir acaba ?
Yeni bir paket ve henüz stabil bir sürümü yok. Redux’a göre avantajlı olduğu yerler var. Ayrıca Recoil sadece React için geliştirilmiş bir proje, Redux ise React’e özel değil. Arkasında Facebook var, eğer üzerine düşerlerse React topluluğu seve seve kullanacaktır diye düşünüyorum.
Hocam merhaba, öncelikle tesekkür ederim emekleriniz icin. gercekten cok faydalaniyorum kanalinizdan bilin isterim. Bir sorum olacak. useContent ile redux birbirinin alternatifimidir ? Videoda bahsettiginiz react takimi tavsiyesinde, bilesenlerin tekrar kullanilabilmesi konusunda redux daha mi avantajlidir ? Öyleyse neden ? Tesekkürler vakit ayirdiginiz icin.
Alternatif olarak kullanabilirsiniz eger projeniz kucuk capli ise. Sonucta yaptiklari is global bir state olusturup bunu component tree icinde asagi dogru tum component'lara gondermek. Bilesenlerin tekrar kullanilmasi konusundaki problem ise bir bilesenin bir Context degerine bagli oldugunda baska bir yerde tekrar kullanilamamasi ile alakali. Baktiginiz zaman ayni problem Redux icin de gecerli oldugu soylenebilir. Orada onemli olan Component'in ne is yaptigi. UserList component'ini tekrar kullanmak istiyorsaniz o component icinde context'e baglanti yapmazsiniz da bir ust seviyede yapip UserList'e prop olarak gonderirsiniz. Dolayisiyla UserList proplardan veri alabilecegi her yerde calismis olur.
@@ReactDersleri Tesekkürler hocam. Bir sunumda React ekibinin bilesenlerin tekrar kullanimi konusunda biraz sikayetci oldugunu, esasinda bilesenlerin dogru olusturulmadigi gibi birsey dinlemistim. Belki de bu state yönetimiyle de ilgili olabilir.
Merhaba, soruyu soralı bayağı zaman olmuş ama eğer hala cevabını bulamadıysanız, {} içinde kullanılma sebebi, React'ta jsx yazım formatını kullanmamızdan dolayı. Değişkeni yazarken, props geçerken vs. {} içinde yazarız. Jsx yazım formatı diye araştırsanız daha detaylı anlatımını okuyabilirsiniz
Yine fevkalade bir video olmuş. Emeğinize sağlık :)Hocam, ilerleyen derslerde typeScript , nextJs ve graphql konularda ders yapabilir misiniz? Sizi sıkı takip ediyorum :)
Sonda soylediginiz "react takimi context onermiyor" kısmı icin react takiminin yazdigi bir makaleyi paylasabilir misiniz. Yalan olmasin dediginizden bir şey anlamadım. Neden tavsiye etmediklerini merak ettim.
reactjs.org/docs/context.html Before You Use Context Context is primarily used when some data needs to be accessible by many components at different nesting levels. Apply it sparingly because it makes component reuse more difficult.
Bu yapıyı mesela to do list uygulamasında to do ları tutmak göndermek için kullansak saçma mı olur :D ? yani bu genel ayar için mi kullanılması gerekiyor ?
Herhangi bir projeyi hooklar ile yapabilirsiniz. useContext kullanmak istiyorsanız, uygulama genelinde aynı veriyi kullanan bir uygulama tasarlamanız mantıklı olacaktır. Dark mode, dil seçenekleri, vs.
users.map((user) => (user.id === id ? { ...user, color: color } : user)) bu kod satırında ...user diyerek bir kopya dizi mi oluşturmayı amaçladınız her renk değiştiğinde. Eğer öyle değilsede neden : dan sonrada ...user değilde user yaptınız? Bu arada videolarınız için teşekkürler.
O kısım ternary operator, üçe bölmek lazım: Birinci kısım: user.id === id Burası koşul kısmı. Buradan true döndüğünde soru işareti ile iki nokta arasındaki kısım döndürülüyor, yani { ...user, color: color } Buradaki ...user kısmı, user objesindeki tüm değerleri bu objenin içine yazıyor ve color değerini güncelliyor. İki noktadan sonraki user ise, birinci koşuldan false döndüğünde döndürülen değer. Yani user.id değeri id değerine eşit olmadığında aynı user objesi döndürülüyor ve hiç bir değişiklik yapılmıyor. Ternary operator ile ilgili şu videoya bakabilirsiniz. th-cam.com/video/xppDlDAdDbg/w-d-xo.html
Kendin bir ornek yaparsan daha kolay anlasilacaktir. Spesifik olarak bir yer varsa anlamadigin aciklamaya veya farkli kaynaklara yonlendirmeye calisirim.
11:25 de head shot yedim hocam kulaklık patladı sandım :D
Edit sırasında nasıl olduysa gözden kaçmış, kulaklarınıza verdiğim rahatsızlıktan dolayı özür dilerim :D
@@ReactDersleri hocam video cekmeyi düsünüyor musunuz? düsünüyorsanız konu nedir ? ayrıca işinizden bilgi verir misiniz ? biz de remote olarak iş bulmaya calısıyoruz bununla ilgili bilginiz var mı ve sizin tecrübeleriniz cok degerli.
useContext'in en cok kullanildigi 3 yer: 1.kullanici bilgileri, 2.sayfanin temasi, 3.dil secenekleri. Bunlari alt alta sirayla her component'e eklemek yerine gerektiginde tum componentlerin ulasabilecegi disarda bir mekanda hazir tutmaya yararyan hook useContext'tir. Harika anlatiminiz icin tekrar tesekkur.
Anlatırken kendine göre değil de dinleyicinin anlayacapı şekildr kelimeleri seçmesi mükemmel bir hizmet. Gerçekten teşekkür ediyorum. React derslerinde anlamadığım yerlrde eninde sonunda buraya geliyorum. 🙂
Ohh bee, bir kaç yere baktım anlatılanları çok anlayamadım useContext ile ilgili, bu videoda kafamdaki bütün soru işaretleri gitti diyebilirim. Elinize sağlık hocam :)
Mükemmel bir anlatım tarzınız var Teşşekür ederim videolarınız devamını bekliyoruz.
içerikler çok güzel , videolar çok açıklayıcı sadece ilk video da ses yüksekliği iyi olmasına rağmen diğer videolarda az geliyor :(
React Hooks serisini baştan sona izledim ve iyi bir tekrar oldu benim için, emeğinize sağlık. Teşekkür ederim :)
Hocam Ağzınıza Sağlık Yaklaşık Üç gündür araştırıyorum Bir Türlü Anlamadım Mantığı Ama Siz Bir Kaç Dakikada Çözdünüz Her şeyi Çok Sağ olun emeğinize Sağlık
Çok sade ve yalın şekilde anlatılmış. Teşekkürler
Redux, useReducer ve custom hook haric bütün videolarınızı sırayla izledim bunu 2. ye izlememe rağmen tam anlayamadım cok keyfim kaçtı.. Yine de teşekkürler yüksek ihtimalle sorun bende motive olup tekrar bakıcam bu konuya gerekirse farklı kaynaklardan
Sorunun kendinizde oldugunuzu dusunmeyin. Bir ara verin, birkac saat veya bir gun sonra videoyu ve diger kaynaklari tekrar edin, daha kolay anlasilacaktir.
çok temiz ve net anlatım, emeğinize sağlık
Hocam çok temiz anlatımınız var teşekkürler
Mükemmel ötesi anlatımdı hocam çok teşekkür ederiz.
Hocam tesekkurler. Arkadaslar bu emege like birakmadan gecmeyin lutfen. SAygilarimla
Çok teşekkürler, yine çok faydalı bir video olmuş...
Dil için i18NEXT modülünü kullanmak daha verimli olacaktır bence. Hemde i18 ile bir text verisini birden fazla componentslerde kullanabilirsiniz.
Kafam yandı ya. Çok karışık geldi ^^
Çok temiz anlatım.
abi redux bu kullanımlara bir alternatif getiriyor mu? eğer daha kolay bir yöntemi varsa hiç bunla uğraşmayalım direkt redux falan öğreneyim
Context kullanımında, context içindeki member’lardan sadece biri değişirse, bu hook’u kullanan ama o member’i kullanmayan componentlerin da tekrar update olur mu ? Eğer hepsi update olursa componentleri kodunun tamamı mı koşar yoksa sadece useeffect’ler mi koşar ? Teşekkürler 🙏
Thanks for this, great explanation! Would be great if you could do one with a really simplified flow for access token & refresh token and how to persist tokens with local storage? I'm making a custom Spotify interface using their Web API and struggling a bit with this final part.
Hal Thanks for the comment. This is a new channel and you are the first one to comment :) I might prepare something for you but it would be in Turkish. My next video I was going to go over creating custom hooks. I was thinking about creating a useInput or useLocalStorage hook. Since you asked, useLocalStorage it is.
@@ReactDersleri Adamsin! ;) Yes, i realised after i posted the comment. Don't worry about the language i'm Turkish from the UK so i can understand. Best of luck with your channel, i'm sure its going to be a success - Looking forward to viewing future content.
I ended up making two videos for both useInput and useLocalStorage, hope it helps!
Context özellikle compound components oluştururken çok kullanışlı oluyor
Hocam bu Recoil e ne diyorsunuz redux vs ye alternatif olarak , benim gibi yeni öğrenen biri için ilk bakışta çok cazip miş gibi gözükor ama sanki piyasada pek ilgi de çekmemiş gibi nedendir acaba ?
Yeni bir paket ve henüz stabil bir sürümü yok. Redux’a göre avantajlı olduğu yerler var. Ayrıca Recoil sadece React için geliştirilmiş bir proje, Redux ise React’e özel değil. Arkasında Facebook var, eğer üzerine düşerlerse React topluluğu seve seve kullanacaktır diye düşünüyorum.
Hocam merhaba, öncelikle tesekkür ederim emekleriniz icin. gercekten cok faydalaniyorum kanalinizdan bilin isterim.
Bir sorum olacak.
useContent ile redux birbirinin alternatifimidir ? Videoda bahsettiginiz react takimi tavsiyesinde, bilesenlerin tekrar kullanilabilmesi konusunda redux daha mi avantajlidir ? Öyleyse neden ?
Tesekkürler vakit ayirdiginiz icin.
Alternatif olarak kullanabilirsiniz eger projeniz kucuk capli ise. Sonucta yaptiklari is global bir state olusturup bunu component tree icinde asagi dogru tum component'lara gondermek. Bilesenlerin tekrar kullanilmasi konusundaki problem ise bir bilesenin bir Context degerine bagli oldugunda baska bir yerde tekrar kullanilamamasi ile alakali. Baktiginiz zaman ayni problem Redux icin de gecerli oldugu soylenebilir. Orada onemli olan Component'in ne is yaptigi. UserList component'ini tekrar kullanmak istiyorsaniz o component icinde context'e baglanti yapmazsiniz da bir ust seviyede yapip UserList'e prop olarak gonderirsiniz. Dolayisiyla UserList proplardan veri alabilecegi her yerde calismis olur.
@@ReactDersleri Tesekkürler hocam. Bir sunumda React ekibinin bilesenlerin tekrar kullanimi konusunda biraz sikayetci oldugunu, esasinda bilesenlerin dogru olusturulmadigi gibi birsey dinlemistim. Belki de bu state yönetimiyle de ilgili olabilir.
hocam ben javascriptte kullandığımız süslü parantezlerin mantığını tam oturtamadım tamam object belirtiyor fakat mesela
const Item = ({title}) => (
{title}
);
burda parametre olan title neden süslü parantez içinde ve neden süslü parantezle çağırıyoruz açıklama şansınız var mıdır ?
Merhaba, soruyu soralı bayağı zaman olmuş ama eğer hala cevabını bulamadıysanız, {} içinde kullanılma sebebi, React'ta jsx yazım formatını kullanmamızdan dolayı. Değişkeni yazarken, props geçerken vs. {} içinde yazarız. Jsx yazım formatı diye araştırsanız daha detaylı anlatımını okuyabilirsiniz
@@esraceylan6607 😄teşekkür ederim soruyu sorduğumu bile unutmuşum yanıtınız için teşekkürler yine de.
Yine fevkalade bir video olmuş. Emeğinize sağlık :)Hocam, ilerleyen derslerde typeScript , nextJs ve graphql konularda ders yapabilir misiniz? Sizi sıkı takip ediyorum :)
İlginiz için teşekkürler. GraphQL ilgilendiğim bir alan. Next.js ve TypeScript hakkında şimdilik bir şey söyleyemiyorum.
@@ReactDersleri ,ilerleyen zamanlarda react-thunk , grapHQL konuları yapabilir misiniz?
@@ReactDersleri GraphQL için sizden crash course tarzı eğitim izlemeyi çok isteriz. Teşekkür ederiz eğitimler için :)
Sonda soylediginiz "react takimi context onermiyor" kısmı icin react takiminin yazdigi bir makaleyi paylasabilir misiniz. Yalan olmasin dediginizden bir şey anlamadım. Neden tavsiye etmediklerini merak ettim.
reactjs.org/docs/context.html
Before You Use Context
Context is primarily used when some data needs to be accessible by many components at different nesting levels. Apply it sparingly because it makes component reuse more difficult.
Bu yapıyı mesela to do list uygulamasında to do ları tutmak göndermek için kullansak saçma mı olur :D ? yani bu genel ayar için mi kullanılması gerekiyor ?
Istediginiz gibi kullanin problem yok :)
Yazilan kodun okunurlugunu sadeligini cok fazla bozuyor gibi geldi birden fazla context de ozellikle
Benim de cok severek kullandigim soylenemez. Ama ise yaradigi yerler var tabi.
hocam hooks için proje öneririniz varmı
Herhangi bir projeyi hooklar ile yapabilirsiniz. useContext kullanmak istiyorsanız, uygulama genelinde aynı veriyi kullanan bir uygulama tasarlamanız mantıklı olacaktır. Dark mode, dil seçenekleri, vs.
great👍👍
users.map((user) => (user.id === id ? { ...user, color: color } : user)) bu kod satırında ...user diyerek bir kopya dizi mi oluşturmayı amaçladınız her renk değiştiğinde. Eğer öyle değilsede neden : dan sonrada ...user değilde user yaptınız? Bu arada videolarınız için teşekkürler.
O kısım ternary operator, üçe bölmek lazım:
Birinci kısım: user.id === id
Burası koşul kısmı. Buradan true döndüğünde soru işareti ile iki nokta arasındaki kısım döndürülüyor, yani { ...user, color: color }
Buradaki ...user kısmı, user objesindeki tüm değerleri bu objenin içine yazıyor ve color değerini güncelliyor.
İki noktadan sonraki user ise, birinci koşuldan false döndüğünde döndürülen değer. Yani user.id değeri id değerine eşit olmadığında aynı user objesi döndürülüyor ve hiç bir değişiklik yapılmıyor.
Ternary operator ile ilgili şu videoya bakabilirsiniz. th-cam.com/video/xppDlDAdDbg/w-d-xo.html
@@ReactDersleri Anladım Teşekkür ederim.
Mükemmel
👍👍👍👍👍👍👍👍👍👍👍👍👍👍
kulaklık takılıysa 11:18 de çıkarın kulaklıkları :)
Nerden gelmiş o ses hiçbir fikrim yok. Kulaklarınıza verdiğim rahatsızlıktan dolayı özür dilerim 😥
Çok iyi ya : D
bi video sessiz bi video sesli çok kötü ama güzel anlatım
Great. Man
hiçbişey anlamadım ya hele şu en başta anlattığın şeyler kafamı allak bullak etti abi ya
Kendin bir ornek yaparsan daha kolay anlasilacaktir. Spesifik olarak bir yer varsa anlamadigin aciklamaya veya farkli kaynaklara yonlendirmeye calisirim.