@@DukeEmree Ahaha bunların yarısı paketden ziyade teknoloji veya genel bir ihtiyaç kategorisi. Ama not aldım çoğu zaten listemde vardı en kısa sürede ekleyeceğim bu konuları 💫
Çok kaliteli ve anlaşılır içerikler çekiyorsun, bir yenisi daha eklenmiş ellerine emeğine sağlık. Redux toolkit ile de belki içerik çeksen güzel olabilir, pek türkçe anlaşılır içerik yoktu en son :)
JWT için repoyu hazırladım. Videosu yakında 🔥 github.com/mehmetpekcan/nextjs-13-jwt-auth-example JWT sonrasında Auth için next-auth paketi var. Daha solid ve kendini kanıtlamış bir paket. Onun videosuda gelicek
Hocam Providerı ayrı client component olarak kullandık bu ok. Ama onun içine gidecek children yani bodynin tüm içeriği client componentda render olduğundan SEO taraflı problem yaratacakmı ?(Mesela urli facebookda paylaşırken önizleme çıkmama gibi sorunlar) Yine react gibi olucak diye düşünüyorum. Açıklarsanız sevirim hocam😊. İkinci bir sorum reduxu sadece server tarafta kullandığımız gibi client tarafta da kullanırsak bir problem yaşarmıyız ?
Abi oncelikle bu video super olmus, eline saglik. Bir sorum olucak RTK query kullanmamizda bir fayda varmi? Eyer varsa, hem server hemde client tarafda kullanila biliyormu rtk query?
Teşekkürler 🙏🏼 RTK query tarzı fetch servisleri kesinlikle çok faydalılar. Çok fazla yükü ortadan kaldırıyorlar cache, revalidation, error handling vs. Server tarafında şu an için bunların hiç birisinin desteği yok diye biliyorum. Henüz Redux'ın dahi official bir Server Component support'u yok maalesef ki.
Sayfamda bir tane selectbox var. Onchange() durumuna göre option value alarak createSlice da ki initialState değeri olan "datas" arrayini filter kullanarak option id sine karşılık gelen id leri filtreliyorum. Buraya kadar sorun yok ancak filter yaptıktan sonra state de ki datas array i de manipüle oluyor (mutable çalıştığından sanırım) ve filtre dışında kalan yani filter ile secilmeyen objectler kayboluyor. Daha sonraki işlemler de mesela bu kaybolan özelliklere ihtiyacım olabilir. Datas in tekrar dolu haline ihtiyacim olabilir Burada en mantıklı nasıl bir çözüm yolu yaratmam lazim?
Zustand'ında demosunu yaptım ve GitHub linkinde oda var. Görece Redux'a göre kullanımı çok çok daha basit. Ayrıca çok daha efficient geliyor bana. Fakat burada Redux'ı tahtından eder mi sorusuna cevabım tabii ki hayır. Ortada taht yok aslında. Girdiğiniz firma/proje hangisini kullanıyorsa sizin için taht onda oluyor :D O yüzden birisinin fanatiği olmaktansa hepsinin çalışırını öğrenip, kişisel olarak kullanım için birisini seçmeniz yetecektir.
Çok faydalı bir video olmuş, eline sağlık, diksiyon ve anlatım çok güzel. Ben nextjs'te **createSlice** yerine RTK Query yani **createApi** kullanıyorum, böylece cashing kabiliyetinden faydalanıyorum. Nextjs'in içerisindeki yeni app klasöründe RTK Query'nin nasıl config edileceğini ve hydration gereksinimlerini henüz çözemediğimden app klasörüne geçemiyorum. Benzer bir video da RTK Query için gelebilir mi, çok memnun olurum.
Hocam öncelikle emeğinize sağlık. Ancak durumum şu ki state başka bir sayfaya geçtiğimde sıfırlanıyor. Sebebini anlayamadım. Backendimden login işlemi yapıyorum ancak user ı state de tutamıyorum?
Eski sürümlerde de bu şekilde çalışıyordu sistem. Fakat paket seviyesinde native destek vardı o yüzden çok göze batmıyordu. -- Redux bence hala mantıklı. Fakat bir Zustand'a bakmanı da öneririm. Bu videoda ki repo'ya onun örneğini de koydum.
Evet henüz uyumlu değil. Server component'lerdeki belirsizlikten dolayıda bayağı bir süre uyumlu olmucak gibi. github.com/kirill-konshin/next-redux-wrapper/issues/507#issuecomment-1402480697
@@pekcanmehmet Ayrıca şöyle bir yerde takıldım, redux kullanırken server side istekleri rtk query ve tanstack query kullanarak atmaya çalıştım pek başarılı olamadım. Serverside isteklerle birlikte redux kullanmak isteyince query kullanabiliyor muyum yoksa boşuna kürek mi çekiyorum 😅
@@furkancanzirek8871 Emin değilim. Redux Saga ve Thunk kesinlikle kullanılıyor fakat RTK Query'i denemedim. Fakat Query'inin oto hook'lar generate ettiğini varsayarsak SSR da kullanılamayabilir gibi geliyor. Artı olarak neden SSR da böyle bir şeye ihtiyacımız var ki? İstek atıp data'yı kullanmaktan başka bir görevi yok SSR'ın o yüzden overhelming olabilir biraz bu
@@pekcanmehmet Aslında ihtiyaç doğmadı, deneme amaçlı ikisini birlikte kullanıp yeni bir şeyler keşfetmeye çalıştım fakat dediğiniz gibi herhangi bir kullanım kolaylığı sağlamıyor gibi. Tekrardan cevaplar ve videolar için teşekkürler 🖐
Aşırı faydalı bir video ve kanal keşke içerik üretmeye devam etseniz
Detaylı bir redux / toolkit eğitimi çok güzel olur hocam
Not aldım yakında geliyor 💫
@@pekcanmehmet Çok teşekkür ederim heycanla bekliyoruz 🥳🥳
Kesinlikle bir Redux egitimi cekmelisin, anlatim tarzin ve ince noktalara deginerek anlatman cok iyi. Eline emegine agzina saglik.
Çok faydalı bir video olmuş hocam. React'a JWT'yide dahil ederek protected route gibi konulara değindiğiniz bir video gelebilirse süper olur
Listeme ekliyorum. Auth akışlarını dahil ettiğim bir örnek çekeceğim
Heyecanla beklediğimiz video👏👏
Detaylı toolkit eğitimini sizden dinlemek çok daha faydalı olacaktır, şimdiden teşekkürler.
Not aldım, çekeceğim 🙏🏼
Yine mükemmel bir içerik. Kesinlikle bahsettiğiniz redux videosunu çekmelisiniz. Bu şekilde güzel anlatan birisinden dinlemek isterim.
Teşekkürler 🙏🏼 Listeye Redux eğitimini ekliyorum.
redux toolkit eğitimini de ayrıca bekliyoruz, elinize sağlık
Teşekkürler 🙏🏼 Yakında geliyor
Çok teşekkürler hocam, React'ı bekliyoruz dört gözle 🎉 :)
redux-toolkit arka planda immer kütüphanesini kullaniyor, yani array icin örnegin push kullanabilirsiniz sorun olmaz
gözlerimiz yollarda kalmıstı
Ah benimde :D Uzun zamandır video çekecek boşluğu bulamıyordum
Çok güzel video hocam paketler hakkında daha çok video gelsin
Şu paket gelse güzel olur dediğin paketler varsa sıraya alayım :)
@@pekcanmehmet react-hook-form, react-query, mdx, next-themes, eslint prettier kullanımı, yup, next-auth, prisma, i18n, storybook, api folder ile dosya yükleme, realtime connection
@@DukeEmree Ahaha bunların yarısı paketden ziyade teknoloji veya genel bir ihtiyaç kategorisi. Ama not aldım çoğu zaten listemde vardı en kısa sürede ekleyeceğim bu konuları 💫
bu kadar ileri seviyeye gelmedim ama seve seve izleyeceğim diline sağlık abim♥️
Hocam Çok iyi içerik olmuş elinize emeğinize sağlık tebrik ederim. 👍👍
Çok kaliteli ve anlaşılır içerikler çekiyorsun, bir yenisi daha eklenmiş ellerine emeğine sağlık. Redux toolkit ile de belki içerik çeksen güzel olabilir, pek türkçe anlaşılır içerik yoktu en son :)
Toolkit kullanarak detaylı bir React projesi çekeyim o halde :) Teşekkürler
@@pekcanmehmet çok faydalı olur teşekkür ederiz
Harika bir içerik fakat daha detaylı bir redux toolkit videosu yaparsan gerçekten tadından yenmez.
Teşekkürler! 💥
Eline saglik. Buna ihtiyac olucak)
Teşekkürler faydalı bir video olmuş. Auth & JWT ile de bir video istiyoruz 🙏🏻
JWT için repoyu hazırladım. Videosu yakında 🔥
github.com/mehmetpekcan/nextjs-13-jwt-auth-example
JWT sonrasında Auth için next-auth paketi var. Daha solid ve kendini kanıtlamış bir paket. Onun videosuda gelicek
Hocam Providerı ayrı client component olarak kullandık bu ok. Ama onun içine gidecek children yani bodynin tüm içeriği client componentda render olduğundan SEO taraflı problem yaratacakmı ?(Mesela urli facebookda paylaşırken önizleme çıkmama gibi sorunlar) Yine react gibi olucak diye düşünüyorum. Açıklarsanız sevirim hocam😊.
İkinci bir sorum reduxu sadece server tarafta kullandığımız gibi client tarafta da kullanırsak bir problem yaşarmıyız ?
Guzel video olmuş. Bide backendden gelen data ile (jwt tokenla bagli) authenticate işlemleri ile ilgili bir video çekseniz iyi olur.
Teşekkürler. Redux kullanarak mı diyorsunuz yoksa apayrı bir konu olarak mı bahsettiniz acaba?
@@pekcanmehmet sitenin global state'ne uygun şekilde reduxla olursa iyi olur. Başka iyi bir yol varmiki?
@@ilqarhsnzad9361 Bir sürü yol var sadece Redux+Auth akışlarını mı istiyorsunuz diye anlamak için sordum 👍
@@pekcanmehmet Evet. Aynen bu şekilde teşekkürler
En kısa zamanda detaylı redux toolkit eğitimini bekliyoruz
Notlarımda. Çekeceğim en kısa zamanda 💫
Redux toolkit i merakla bekliyoruz hocam basit bir api ile todo uygulaması "crud" ifadelerini kullandığımız bir seri çok güzel olur teşekkürler
Not aldım, tam olarak bu tarz bir içerik gelicek ✨
redux server tarafında çalıştığı için initial state'e localstorage daki veriyi kullanamıyorum. localstorage'ı nasıl kullanabilirim
Abi oncelikle bu video super olmus, eline saglik. Bir sorum olucak RTK query kullanmamizda bir fayda varmi? Eyer varsa, hem server hemde client tarafda kullanila biliyormu rtk query?
Teşekkürler 🙏🏼 RTK query tarzı fetch servisleri kesinlikle çok faydalılar. Çok fazla yükü ortadan kaldırıyorlar cache, revalidation, error handling vs.
Server tarafında şu an için bunların hiç birisinin desteği yok diye biliyorum. Henüz Redux'ın dahi official bir Server Component support'u yok maalesef ki.
@@pekcanmehmet tamam abi, anladim tesekkurler
Sayfamda bir tane selectbox var. Onchange() durumuna göre option value alarak createSlice da ki initialState değeri olan "datas" arrayini filter kullanarak option id sine karşılık gelen id leri filtreliyorum. Buraya kadar sorun yok ancak filter yaptıktan sonra state de ki datas array i de manipüle oluyor (mutable çalıştığından sanırım) ve filtre dışında kalan yani filter ile secilmeyen objectler kayboluyor. Daha sonraki işlemler de mesela bu kaybolan özelliklere ihtiyacım olabilir. Datas in tekrar dolu haline ihtiyacim olabilir Burada en mantıklı nasıl bir çözüm yolu yaratmam lazim?
Hocam mesela siz initialState yazmadan size initialState 'i öneren extension ismi nedir acaba
Zustand hakkındaki fikirlerinizi öğrenebilir miyim hocam ve sizce ileride redux'ı tahtından eder mi ?
Zustand'ında demosunu yaptım ve GitHub linkinde oda var. Görece Redux'a göre kullanımı çok çok daha basit. Ayrıca çok daha efficient geliyor bana. Fakat burada Redux'ı tahtından eder mi sorusuna cevabım tabii ki hayır. Ortada taht yok aslında. Girdiğiniz firma/proje hangisini kullanıyorsa sizin için taht onda oluyor :D O yüzden birisinin fanatiği olmaktansa hepsinin çalışırını öğrenip, kişisel olarak kullanım için birisini seçmeniz yetecektir.
Çok faydalı bir video olmuş, eline sağlık, diksiyon ve anlatım çok güzel. Ben nextjs'te **createSlice** yerine RTK Query yani **createApi** kullanıyorum, böylece cashing kabiliyetinden faydalanıyorum. Nextjs'in içerisindeki yeni app klasöründe RTK Query'nin nasıl config edileceğini ve hydration gereksinimlerini henüz çözemediğimden app klasörüne geçemiyorum. Benzer bir video da RTK Query için gelebilir mi, çok memnun olurum.
Selamlar, teşekkürler 🙏🏼
RTK Query tarafını denememiştim benzer bir akışı var diye. Onuda not alıyorum o halde
Detayli bir Redux egitim videosu ne zaman gelir hocam
Hocam öncelikle emeğinize sağlık. Ancak durumum şu ki state başka bir sayfaya geçtiğimde sıfırlanıyor. Sebebini anlayamadım. Backendimden login işlemi yapıyorum ancak user ı state de tutamıyorum?
Selamlar, problemi çözebildiniz mi?
hocam çok hızlı anlatıyorsunuz. ben bi ara acaba 2x hızında mı izliyorum diye kontrol ettim. 😊
Hocam jwt ile ilgili video gelir mi ?
Reposunu hazırladım. Videosu yakında 🔥
github.com/mehmetpekcan/nextjs-13-jwt-auth-example
Hocam react eğitim serisi tahmini ne zaman gelir ?
Maalesef bir tahminim yok. Ama uzun bir süre sonra geleceğini söyleyebilirim.
hocam tam jwt ile login üzerine çalışıyodum baktım video attınız ama gizlemişiniz izleyemedik😥
Gizlemedim, sildim direkt :D 15 dakika eksik export etmiş program. Proje dosyasını da kayıt etmemişim bi boşluğumda tekrar edit'lemem gerekiyor :D
Hakikaten çok ilginç bir çözüm olmuş. Bu nextjs kafa yoruyor baya. State management redux mantıklı mı
Eski sürümlerde de bu şekilde çalışıyordu sistem. Fakat paket seviyesinde native destek vardı o yüzden çok göze batmıyordu. -- Redux bence hala mantıklı. Fakat bir Zustand'a bakmanı da öneririm. Bu videoda ki repo'ya onun örneğini de koydum.
Hocam theme nedir
Vintage-Vibrance
Hydration kısmını çözene kadar kafayı yemiştim. Next-redux-wrapper ile çözmeye çalıştım ama pek başarılı olamamıştım. Next13 ile uyumlu değil sanırım.
Evet henüz uyumlu değil. Server component'lerdeki belirsizlikten dolayıda bayağı bir süre uyumlu olmucak gibi.
github.com/kirill-konshin/next-redux-wrapper/issues/507#issuecomment-1402480697
@@pekcanmehmet Ayrıca şöyle bir yerde takıldım, redux kullanırken server side istekleri rtk query ve tanstack query kullanarak atmaya çalıştım pek başarılı olamadım. Serverside isteklerle birlikte redux kullanmak isteyince query kullanabiliyor muyum yoksa boşuna kürek mi çekiyorum 😅
@@furkancanzirek8871 Emin değilim. Redux Saga ve Thunk kesinlikle kullanılıyor fakat RTK Query'i denemedim. Fakat Query'inin oto hook'lar generate ettiğini varsayarsak SSR da kullanılamayabilir gibi geliyor.
Artı olarak neden SSR da böyle bir şeye ihtiyacımız var ki? İstek atıp data'yı kullanmaktan başka bir görevi yok SSR'ın o yüzden overhelming olabilir biraz bu
@@pekcanmehmet Aslında ihtiyaç doğmadı, deneme amaçlı ikisini birlikte kullanıp yeni bir şeyler keşfetmeye çalıştım fakat dediğiniz gibi herhangi bir kullanım kolaylığı sağlamıyor gibi. Tekrardan cevaplar ve videolar için teşekkürler 🖐
icerigin turkcesi de bulunsun