3 gundur ingilizce veya turkce farketmeksizin 50 tane todo list videosu izledim fakat istedigim,aradigim video buydu ,cok tesekkurler hocam bilgiler icin. cok guzel anlattiniz gercekten. Bildigim fakat neden kullandigimi tam anlamiyla cozemedigim bi kac seyi de sayenizde tamamen anladim. Tesekkurler emeginiz icin.
Her seferinde tüm diziyi kontrol ederek güncellemek mantıklı mı? Bana fazla iş yükü oluşturur gibi geldi. setListe yaparken tüm diziyi kontrol ettirmeden bunu yapmanın daha farklı bir yolu yok mu?
Merhaba Hocam, her yeni iş eklendiğinde sayfayı yeniledikten sonra yeni eklediğimiz işler siliniyor, bunun önüne nasıl geçebiliriz, ben json-server ile yapmayı denedim ama herzamanki gibi başarısız oldum, nasıl bir yol izlemeliyim yardımcı olursanız sevinirim.
Degerli Hocam, Video cok ogreticiydi tesekkur ederim sizinle ayni anda yazdim. 25:00 dkda soylediginiz soze istinaden aklima takilan bir sey var. 39. satirda ki ekle butonuna tikladigimizda bos ekleme de yapiyor listemize. Tamanlananlari temizle deyince de bos elemenler listemizde kalmaya devam ediyor, onun onune nasil gecebiliriz? bir kac sey denedim ama yapmadim maalesef.
App.js 13. satırda addNew = title diye başlayan fonksiyonun içinde setListe ve setYeniBaslik fonksiyonlarını çağırıyoruz. Bu iki fonksiyonu bir if içine alabilirsiniz. Eğer addNew'e gönderilen title değeri boş bir string ise alert('başlık girmelisin') diye bir uyarı gösterirsiniz, değilse setListe ve setYeniBaslik fonksiyonlarını işleme koyarsınız. Pratik olması açısından direk kod vermedim, problem yaşarsanız aldığınız hatayla birlikte buraya yazabilirsiniz.
Ternary operators kullanırken blokların içerisi birden fazla satır olacaksa if() {} else {} şeklinde kullanmalısınız. Aksi takdirde çalışmaz. Sizin kodunuzda setYeniBaslik() ternary operatörün dışında kaldığı için çalışıyor. Yani setYeniBaslik() fonksiyonunu her iki ihtimalde de çağırmış oluyorsunuz. Eğer ternary içerisindeki condition title === '' değil de title.length < 5 (başlık karakter sayısı 5'den küçükse) şeklinde olsaydı, kullanıcı 4 karakter yazıp göndermeye çalıştığında da setYeniBaslik() fonksiyonunu çağırmış, dolayısıyla kullanıcının yazdığı 4 karakteri silmiş oluyorsunuz.
Hocam dersler için teşekkürler.Uygulama yapınca,önceki derslerde anlatılan konular daha iyi anlaşılıyor.
3 gundur ingilizce veya turkce farketmeksizin 50 tane todo list videosu izledim fakat istedigim,aradigim video buydu ,cok tesekkurler hocam bilgiler icin. cok guzel anlattiniz gercekten. Bildigim fakat neden kullandigimi tam anlamiyla cozemedigim bi kac seyi de sayenizde tamamen anladim. Tesekkurler emeginiz icin.
teşekkürler
Her seferinde tüm diziyi kontrol ederek güncellemek mantıklı mı? Bana fazla iş yükü oluşturur gibi geldi. setListe yaparken tüm diziyi kontrol ettirmeden bunu yapmanın daha farklı bir yolu yok mu?
hocam , bu todolist için all, completed, aktive şeklinde filtreleme nasıl yapabiliriz ?
Sorunuzu reactdersleri.com/forum adresinde sorabilir misiniz? Teknik sorular için bundan böyle forumu kullanmak istiyorum.
Merhaba Hocam, her yeni iş eklendiğinde sayfayı yeniledikten sonra yeni eklediğimiz işler siliniyor, bunun önüne nasıl geçebiliriz, ben json-server ile yapmayı denedim ama herzamanki gibi başarısız oldum, nasıl bir yol izlemeliyim yardımcı olursanız sevinirim.
Peki eklediginiz isler json-server'a kayit ediliyor mu kontrol ettiniz mi?
aynı projeyi hooks yapısı kullanmadan yine reactla yapabilir miyiz?
Hooks kullanarak veya kullanmadan yapabilirsiniz. Ama benim boyle bir video dusuncem yok.
Degerli Hocam,
Video cok ogreticiydi tesekkur ederim sizinle ayni anda yazdim. 25:00 dkda soylediginiz soze istinaden aklima takilan bir sey var. 39. satirda ki ekle butonuna tikladigimizda bos ekleme de yapiyor listemize. Tamanlananlari temizle deyince de bos elemenler listemizde kalmaya devam ediyor, onun onune nasil gecebiliriz? bir kac sey denedim ama yapmadim maalesef.
App.js 13. satırda addNew = title diye başlayan fonksiyonun içinde setListe ve setYeniBaslik fonksiyonlarını çağırıyoruz. Bu iki fonksiyonu bir if içine alabilirsiniz. Eğer addNew'e gönderilen title değeri boş bir string ise alert('başlık girmelisin') diye bir uyarı gösterirsiniz, değilse setListe ve setYeniBaslik fonksiyonlarını işleme koyarsınız. Pratik olması açısından direk kod vermedim, problem yaşarsanız aldığınız hatayla birlikte buraya yazabilirsiniz.
@@ReactDersleri Cebainiz icin Tesekkurler Hocam Suan disardayim eve gidince bakicam hemen cok saolun tekrardan.
@@ReactDersleri Hocam soyle birsey yaptim bende ise yaradi feedback olarak yorumunuzu merak ediyorum.
13 const addNew = title => {title==="" ? alert("tesekkurler hocam :)"):
14 setListe([...liste, { id: Date.now(), baslik: title, tamamlandi: false }]);
15 setYeniBaslik("");
16 };
Ternary operators kullanırken blokların içerisi birden fazla satır olacaksa if() {} else {} şeklinde kullanmalısınız. Aksi takdirde çalışmaz. Sizin kodunuzda setYeniBaslik() ternary operatörün dışında kaldığı için çalışıyor. Yani setYeniBaslik() fonksiyonunu her iki ihtimalde de çağırmış oluyorsunuz. Eğer ternary içerisindeki condition title === '' değil de title.length < 5 (başlık karakter sayısı 5'den küçükse) şeklinde olsaydı, kullanıcı 4 karakter yazıp göndermeye çalıştığında da setYeniBaslik() fonksiyonunu çağırmış, dolayısıyla kullanıcının yazdığı 4 karakteri silmiş oluyorsunuz.
@@ReactDersleri Anladim Hocam, hic bu sekilde dusenmemistim. Farkli acilardan bakmami sagladiniz. Tesekkur ederim. soyle duzelttim hocam
const addNew = title => {if(title===""){alert("tesekkurler hocam :)")}
else{setListe([...liste, { id: Date.now(), baslik: title, tamamlandi: false }]);}
setYeniBaslik("");
};
Date.now yerine id başka ne verebiliriz? Bir de bunu localstorage ile yani sayfa yenilendiğinde görmek istersek reactta hangi yoldan yapmalıyız
rez
@@gultekin1839 :D
@@Metovski Buradayım..