Derse ek olarak şunları yapabilirsiniz: - esc tuşuna basınca modal'ı kapatma - modal harici bir yere basınca kapatma - modal'ı animasyonlu açtırma bunları araştırmak belki yeni bilgiler katar ufkunuzu açar, seviliyorsunuz
React ile Backend'den gelen token yönetimi hakkında bir video gelse çok mutlu olurum, eminim bu konuda kafasında karışıklık olan tek kişi ben değilimdir. Sizin anlatımınızdan dinlemek ayrı keyifli olur. Çektiğiniz videolardan dolayı bir teşekkürü borç bilirim Çok teşekkürler
yeni js öğrenmeye başlayan biri olarak bu tür videolar ileride ne tür projeler yapacağım konusunda bana fikirler veriyor, senin de yalın anlatımınla çok işime yarıyor teşekkürler bu içerikleri ücretsiz sağladığın için. ayrıca outro çok iyi olmuş :D
Öncelikle ellerine sağlık Tayfun. Bence modal konusunda React'ta en iyi best practicelerden bir tanesi de RouterDOM. Mesela bu şekilde yapılan bir modal sayfa yenilendiğinde kapanacaktır fakat RouterDOM ile /register tarzı bir path kullanarak sayfa yenilense bile modalın açık kalması sağlanabilir.
On numara video olmuş abi seninkine üstüne biraz daha css ile oynayıp güzel bir login, register sayfası yaptım. Daha da geliştirilebilir önemli olan mantığını kavramaktı :D
Web tarafinda calisan erp sistemleri icin on numara modal yapisi. Ama ben son acilan modali gosterme degilde hepsini alt alta olarak gosterme taraftariyim modallarin
Tayfun abi selam dakika 18.04 de bahsetmiş olduğun yöntemler hakkında araştırmak için yüzeysel bir bilgi verebilmen mümkün mü ? içerik için teşekkürler :)
Bu modal yapısına ek olarak Router eklemek istiyorum. /auth/login kısmına gidince ı yükletirim içine prop olarak 'login' i veririm ve login.js i yükletirim. Default prop false olur o zmn senin kullandığın şekilde kontrol yapar. Sence bu mantıklı olur mu?
abi en son cra yerine bun kullanacağını söylemiştin, kararını değiştirdin mi ? değiştirdiysen bile yeni kararın neden vite olmadı ? bu arada videoların çok iyi
reis bir sorum olacak api ile bir proje yap bilirmisin ? meselae online alisversi sitesi Veri tabani firebase deyil de mango yada mysql ile ?? sonra node.js ile express veri tabanina baglanip guzel bir site olur mu ?
bilgim neredeyse yok, "birlikte express öğreniyoruz" gibi bi seri düşünüyorum dökümantasyonlara bakarak bi api nasıl oluşturabiliriz inceleyebiliriz muhtemelen
Öncelikle içerik için teşekkürler. kendimi geliştirmek adına, prototurk'un react clone'unu yapmam ( ya da yapmaya çalışmam :D ) senin için problem olur mu acaba ?
phpmailer adı üstünde PHPmailer. yapacağın react'ten subject ve message'ı backend'ine iletmek ve mail gönderme işlemini backend'de yapmak, react client-side framework ne bekliyorsun anlayamadım?
Hocam eline sağlık, ben daha ilerisine gidip sürekli modal componenti oluşturmamak için modalın içine dinamik component enjekte etmeye çalışmıştım. Child componenti dinamik olan bir modal yapmak istemiştim yani. Ancak redux store'a gönderdiğimiz actionlar sadece primitif daha tiplerini payload olarak alıyor. Örneğin bir form'u payload olarak verince "a non-serializable value" gibi bir hata veriyor. Middleware configlerini değiştirip kapatılabiliyor ama önermiyorlarmış. Belki karşılaşan olur diye yazayım dedim.
ben prop olarak geçiyorum, gayette güzel kullanılıyor, bazı durumlarda bu setter metodları göndermeden yapmanın imkanı olmuyor o yüzden o hataya aldırış etme ve yoluna devam et, hiçbir problem yaşamazsın :D
Tayfun abi konuyla alakasız css'de transform: translate ile taşıdığımız elementlerde bazen küçük boşluklar oluşuyor internette arattığımda işte 2 ye bölündüğünde buçuklu bir sonuc çıkarsa browserlar bazen düzgün yorumlayamadığını öğrendim bu konuyla alakalı bir video çeker misin?
@user-wj1ly4fw2k ya şöyle, sadece bunun için bu kütüphaneleri dahil edeceksen mantıklı değil, ama sen zaten o kütüphaneyi tasarımında her yerde kullanıyorsan zaten oturup sıfırdan yazmak yerine onun nimetlerini kullanmak daha iyidir :)
Abi typescript'e başlamayı düşünüyor musun? Kanalda onun da videolarını görmek isterim(kesinlikle öğrenmek için güzel bir kaynak olmasını istemiyorum 😁😇😇)
Kimse kusura bakmasın react hiç de reactive değil ve 1 modal açmak için bu kadar paket bu kadar sayfa bu kadar klasör vs ne gerek var daha kolay olamaz mı!?!? Vanilla Js de bile daha kolay yazardık.
dostum yanlış anlama ama sen javascript bilmiyorsun sanırım, bu kadar efektif kod yazabilmek için daha fazlasına ihtiyacın olacak javascript ile yaparsan, react'de bu yapıyı bir kere kurduktan sonra tek yapman gereken modal dosyası oluşturmak, bu kadar dinamikliği javascript'de yapabilmek için kütüphane yazman lazım o da senin yapabileceğin bir şey değil belli ki şimdilik :) yani bir şeyleri anlayarak yorum yazmak daha doğru olur, ya da kesin yargı konuşmamak belkide.
@@PROTOTURKCOM kastım da buydu esasen. 1 kere yazmak. 1 kere yazana kadar ohooo modu. Tmm eyvallah bu yapı 100 farklı modal için altyapıyı kurdu. Diyelim sayfada 3 modala ihtiyacımız var. Hiç bu kadar tantanaya girmeden bootstrap jQuery ile sen çoktan yapmıştın abi. Yalan mı? Kaç tane app de 100 modal açıyoruz! Bunu demek istedim.
Derse ek olarak şunları yapabilirsiniz:
- esc tuşuna basınca modal'ı kapatma
- modal harici bir yere basınca kapatma
- modal'ı animasyonlu açtırma
bunları araştırmak belki yeni bilgiler katar ufkunuzu açar, seviliyorsunuz
Modal harici bir yere basip kapatmak icin modal divine bunu muhakak yapmamiz lazim onClick={e => e.stopPropagation()}
Daha once arastirmistim bunu
bütün sırrı bozdun :D neyse yorumlara bakmayı akıl edenlere güzel bilgi
Teşekkürler
React ile Backend'den gelen token yönetimi hakkında bir video gelse çok mutlu olurum, eminim bu konuda kafasında karışıklık olan tek kişi ben değilimdir. Sizin anlatımınızdan dinlemek ayrı keyifli olur. Çektiğiniz videolardan dolayı bir teşekkürü borç bilirim Çok teşekkürler
yeni js öğrenmeye başlayan biri olarak bu tür videolar ileride ne tür projeler yapacağım konusunda bana fikirler veriyor, senin de yalın anlatımınla çok işime yarıyor teşekkürler bu içerikleri ücretsiz sağladığın için. ayrıca outro çok iyi olmuş :D
Adam tam bir Js makinesi kardeşim. Diğer videolarına da bak. Ben artık anatomisinde js kodlarına yer berildiği kanaatindeyim.
Öncelikle ellerine sağlık Tayfun. Bence modal konusunda React'ta en iyi best practicelerden bir tanesi de RouterDOM. Mesela bu şekilde yapılan bir modal sayfa yenilendiğinde kapanacaktır fakat RouterDOM ile /register tarzı bir path kullanarak sayfa yenilense bile modalın açık kalması sağlanabilir.
On numara video olmuş abi seninkine üstüne biraz daha css ile oynayıp güzel bir login, register sayfası yaptım. Daha da geliştirilebilir önemli olan mantığını kavramaktı :D
Abi eline sağlık gayet temiz ve açık. Biz projede MUI kullanıyoruz onun modalından gına gelmişti farklı bir şeyler görmek güzel.
Teşekürler Tayfun hocam.
Web tarafinda calisan erp sistemleri icin on numara modal yapisi. Ama ben son acilan modali gosterme degilde hepsini alt alta olarak gosterme taraftariyim modallarin
Tayfun abi selam dakika 18.04 de bahsetmiş olduğun yöntemler hakkında araştırmak için yüzeysel bir bilgi verebilmen mümkün mü ? içerik için teşekkürler :)
Animasyonlar için, Framer Motion kullanılabilir. Aslında bunla ilgili bir video gelirse çok iyi olur
Elinize sağlık hocam, çok teşekkürler
Bu modal yapısına ek olarak Router eklemek istiyorum. /auth/login kısmına gidince ı yükletirim içine prop olarak 'login' i veririm ve login.js i yükletirim. Default prop false olur o zmn senin kullandığın şekilde kontrol yapar. Sence bu mantıklı olur mu?
Ellerinize sağlık hocam.
👍🏻👍🏻
Hocam merhaba, acaba neden html dialog elementini kullanmıyorsunuz? Özel bir sebebi var mı?
Javascript yalan oldu zalim geceler
iyi ki varsın hocaaam
abi en son cra yerine bun kullanacağını söylemiştin, kararını değiştirdin mi ? değiştirdiysen bile yeni kararın neden vite olmadı ? bu arada videoların çok iyi
Kralsın yine yaptın şovunu. Sonra error boundary gelir mi
React native ile proje videosu gelir mi ?
reis bir sorum olacak api ile bir proje yap bilirmisin ? meselae online alisversi sitesi
Veri tabani firebase deyil de mango yada mysql ile ?? sonra node.js ile express veri tabanina baglanip guzel bir site olur mu ?
Abi bence node js playlistide gelse guzel olur hep front end nereye kadar birazda back gostersen mutlu olarik))
bilgim neredeyse yok, "birlikte express öğreniyoruz" gibi bi seri düşünüyorum dökümantasyonlara bakarak bi api nasıl oluşturabiliriz inceleyebiliriz muhtemelen
Öncelikle içerik için teşekkürler. kendimi geliştirmek adına, prototurk'un react clone'unu yapmam ( ya da yapmaya çalışmam :D ) senin için problem olur mu acaba ?
hiç sorun yok, yaparsan demoyu benimle de paylaş hatta :)
@@PROTOTURKCOM Çok teşekkürler, umarım rezil etmem, paylaşırım tabi :)
@@PROTOTURKCOM fırsat bulursam ben de react native ile deneyeyim 😇
Vue JS ile ilgili video çekebilir misiz ? Teşekkürler.
vue ile çok sık geliştirme yapmadığım için çekeceğimi pek sanmıyorum
Modal falan hikaye de reactte phpmailer ile nasıl form post edilir hicbiryerde yok bulamadım email js var ama o da phpmailer gibi efektif degil
phpmailer adı üstünde PHPmailer. yapacağın react'ten subject ve message'ı backend'ine iletmek ve mail gönderme işlemini backend'de yapmak, react client-side framework ne bekliyorsun anlayamadım?
Hocam eline sağlık, ben daha ilerisine gidip sürekli modal componenti oluşturmamak için modalın içine dinamik component enjekte etmeye çalışmıştım. Child componenti dinamik olan bir modal yapmak istemiştim yani. Ancak redux store'a gönderdiğimiz actionlar sadece primitif daha tiplerini payload olarak alıyor. Örneğin bir form'u payload olarak verince "a non-serializable value" gibi bir hata veriyor. Middleware configlerini değiştirip kapatılabiliyor ama önermiyorlarmış. Belki karşılaşan olur diye yazayım dedim.
ben prop olarak geçiyorum, gayette güzel kullanılıyor, bazı durumlarda bu setter metodları göndermeden yapmanın imkanı olmuyor o yüzden o hataya aldırış etme ve yoluna devam et, hiçbir problem yaşamazsın :D
Tayfun abi konuyla alakasız css'de transform: translate ile taşıdığımız elementlerde bazen küçük boşluklar oluşuyor internette arattığımda işte 2 ye bölündüğünde buçuklu bir sonuc çıkarsa browserlar bazen düzgün yorumlayamadığını öğrendim bu konuyla alakalı bir video çeker misin?
dediğin olay hiç başıma gelmedi, örnek bir demon var mı bakabileceğim?
Bunu yapmak yerine mui ve ya bootstrap da model componentleri var onları kullanmak daha mantıklı
Kime göre, neye göre?
@@PROTOTURKCOM bana göre ve kolaylık açısından söyledim fakat performans açısından hangisi daha iyi seçim olur?🙂
@user-wj1ly4fw2k ya şöyle, sadece bunun için bu kütüphaneleri dahil edeceksen mantıklı değil, ama sen zaten o kütüphaneyi tasarımında her yerde kullanıyorsan zaten oturup sıfırdan yazmak yerine onun nimetlerini kullanmak daha iyidir :)
seviliyorsun
Abi typescript'e başlamayı düşünüyor musun? Kanalda onun da videolarını görmek isterim(kesinlikle öğrenmek için güzel bir kaynak olmasını istemiyorum 😁😇😇)
Güzel olur böyle bir içerik.
abi bu son videomu devami olucakmi?
olacak daha anlatacaklarım var :)
@@PROTOTURKCOMcok yakindami??
aslında sırada react-query'i anlatıcam, o da çok detaylı bir paket o yüzden hazırlıyorum açıkçası konuları :)
@@PROTOTURKCOM saol abim seviliyorsun
Hocam içerik için çok teşekkürler, acaba instagram cloneuna devam edecek misiniz merak ettim de :)
edeceğim muhtemelen ama bi toparlamak lazım kafayı :) biraz uzak kaldım projeye
@@PROTOTURKCOM anladım hocam 😄 geç olsun da güç olmasın
asiri iyi yaw
dosya isimlerini hep aynı vermen arapsaçına döndürmüş
ilk yorummm
Kimse kusura bakmasın react hiç de reactive değil ve 1 modal açmak için bu kadar paket bu kadar sayfa bu kadar klasör vs ne gerek var daha kolay olamaz mı!?!? Vanilla Js de bile daha kolay yazardık.
dostum yanlış anlama ama sen javascript bilmiyorsun sanırım, bu kadar efektif kod yazabilmek için daha fazlasına ihtiyacın olacak javascript ile yaparsan, react'de bu yapıyı bir kere kurduktan sonra tek yapman gereken modal dosyası oluşturmak, bu kadar dinamikliği javascript'de yapabilmek için kütüphane yazman lazım o da senin yapabileceğin bir şey değil belli ki şimdilik :) yani bir şeyleri anlayarak yorum yazmak daha doğru olur, ya da kesin yargı konuşmamak belkide.
@@PROTOTURKCOM kastım da buydu esasen. 1 kere yazmak. 1 kere yazana kadar ohooo modu. Tmm eyvallah bu yapı 100 farklı modal için altyapıyı kurdu. Diyelim sayfada 3 modala ihtiyacımız var. Hiç bu kadar tantanaya girmeden bootstrap jQuery ile sen çoktan yapmıştın abi. Yalan mı? Kaç tane app de 100 modal açıyoruz! Bunu demek istedim.
olay bi div içinde içerik göstermek olsaydı doğru diyordun, ama burada olay bundan fazlası olunca biz bunu daha basit yazamazdık muhtemelen :)