Sizinle şahsen tanişmak isterim.Sabrınıza hayranım.Video süreleri uzun gibi dursada çok akıcı geçiyo. Videonun sonuna ne zaman geldiyimden haberim bile olmuyo. Elinize, ağzınıza ve emeyinize sağlık hocam
Buraya kadar gelenler arkadaşlar function component ve class component arasında ki farkı vurgulayarak anlatmasının bir diğer sebebi standartlara uymak ve ayrıca kod kalabalığının önüne geçmek. Teşekkürler hocam her zaman ki gibi sade ve anlaşılır bir ders oldu:)
Bu örnekteki arrow function, JSX içinde kullanılıyor ve birçok JSX elementi döndürüyor. Bir arrow function'un bir JSX elementi döndürmesi için, JSX'in parantez içinde olması gerekiyor. Kodda gösterildiği gibi, arrow functionunun sonunda yer alan kapanış parantezi, JSX elementlerinin kapatılması için kullanılır. Bu nedenle, parantez kullanarak JSX elementlerini bir araya getirirken, ok işaretinin sağ tarafında süslü parantez kullanmak yerine normal parantez kullanmak daha yaygındır. - Chat GPT
aslında bu JS kuralları ile ilgili. ES6 ile gelen Arrow Function'ların: normalde syntax'ı const someFunc= (x) => {return(x+2)}; şeklindedir. 1. eğer fonksiyona tek paramatre giriyor ise (x) yazmak yerine doğrudan x yazabiliriz. 2. eğer fonksiyon yalnızca 1 işlem yapacaksa return kullanmak zorunda değiliz. yani const someFunc = x => (x+2) şeklinde yazabiliriz. 3. eğer fonksiyon tek satırda işlem yapıyorsa sonuç kısmı için parantez kullanmasak da olur. yani : const someFunc = x => x+2; console.log(someFunc(2)); // Örnek: const someFunc= (x) => {return(x+2)}; console.log(someFunc(2)); //-- const otherFunc = x=> (x+2); console.log(otherFunc(2)); //-- const otherfunc0 = x => x+2; console.log(otherfunc0(2)); daha ayrıntılı bilgi için JavaScript Karmaşası : 09 : ARROW Function - "OK Fonksiyonu" videosuna bakılabilir. th-cam.com/video/UnlASxWq3j8/w-d-xo.htmlsi=XQgvrzaRTgn1hSIP
Hocam ilk once size cok tesekkur ederim bu guzel egitim videolari icin, var olun her zaman. Ben Azerbaycanda izliyorum, Hocam size bir sorum olacaq. Siz burda {movie.name}, {movie.id} gibi kodlari girdiz, tamam anladim ki bu bilgiler movielist arrayinden gelen name ve id lerdir. Ancaq biz eyer bilmesek arrayde hangi bilgiler var yani arrayi onceden gormesek map funksionuyla gelen bilgilere nasil ulasicaz?
Söylediginiz durum verinin bir API den alindigi ihtimalde gerceklesir. Bu durumda da önce gelen verinin ilgili nesnesini önce console.log yaparak konsolda görüntüleyebilir ve gördügünüz icerige göre hangi veri basliklarini cekeceginize karar verebilirsiniz... Ben öyle yaptim en azindan...
Hocam, rating yazısı beyaz geliyor. Badge değiştirdim, css den badge-color değiştirdim,text color atadım ama olmadı.Spanı kaldırınca yazı çıkıyor sadece. Yeterli acıklama da bulamadım kusra bakmayın
2 yıl önceki bootstrap kullanımı ile şimdiki kullanımı arasındaki farktan kaynaklı. Bootstrap'in sayfasını açıp güncel kullanımları kontrol edebilirsin.
hocam mükemmelsiniz. Eğitmen olmak için doğmuşsunuz :)
Sizinle şahsen tanişmak isterim.Sabrınıza hayranım.Video süreleri uzun gibi dursada çok akıcı geçiyo. Videonun sonuna ne zaman geldiyimden haberim bile olmuyo. Elinize, ağzınıza ve emeyinize sağlık hocam
Buraya kadar gelenler arkadaşlar function component ve class component arasında ki farkı vurgulayarak anlatmasının bir diğer sebebi standartlara uymak ve ayrıca kod kalabalığının önüne geçmek. Teşekkürler hocam her zaman ki gibi sade ve anlaşılır bir ders oldu:)
dünya çapında bir tutorial serinin her videosuna like atıyorum umarım daha çok kişiye ulaşır
Özlettin hocam kendini :)
Gözlerim yollarda, React videosu bekler olmuştum.
Ağzınıza, emeğinize sağlık hocam. Tam anlayarak ilerleyebiliyorum.
react için değil, map için bakmıştım. harika bir açıklama olmuş teşekkürler hocam.
Yorum için teşekkürler.
Emeğinize sağlık hocam
Umarım daha iyi işler başarırsınız.
emeklerinize sağlık anlaşılır ve güzel bir ders.. Teşekkürler...
Merhaba güzel anlatmışsınız ağzınıza sağlık inşallah api-redux ile ilgili bir çalışma da yapmış olursunuz
17:41 kralsın
Çok iyi anlatıyorsun hocam
Emeğinize Sağlık..
hocam harikasınnnn
👍🏻👍🏻
Değerini bilin hocanın, ayak üstü bootstrap falan da öğretip tek geçiyor :D
Agziniza Yureginize salik Iyiki varsiniz... Hocam React serisi sadece 25 videodan mi ibaretdir ?
inspect yaptığında componentsları göremiyorsan google storedan React Developer Tools uzantısını tarayıcına kur
6.30 da () su parentez yerine {} kullanmamız gerekmiyormuydu süslü parentez kullanınca sarı warming hatasi veriyor vs code
arrow function boyle kullanılır dıye biliyorum
async (param1, param2, ...paramN) => {
statements
}
Bu örnekteki arrow function, JSX içinde kullanılıyor ve birçok JSX elementi döndürüyor. Bir arrow function'un bir JSX elementi döndürmesi için, JSX'in parantez içinde olması gerekiyor. Kodda gösterildiği gibi, arrow functionunun sonunda yer alan kapanış parantezi, JSX elementlerinin kapatılması için kullanılır. Bu nedenle, parantez kullanarak JSX elementlerini bir araya getirirken, ok işaretinin sağ tarafında süslü parantez kullanmak yerine normal parantez kullanmak daha yaygındır. - Chat GPT
aslında bu JS kuralları ile ilgili. ES6 ile gelen Arrow Function'ların:
normalde syntax'ı
const someFunc= (x) => {return(x+2)};
şeklindedir.
1. eğer fonksiyona tek paramatre giriyor ise (x) yazmak yerine doğrudan x yazabiliriz.
2. eğer fonksiyon yalnızca 1 işlem yapacaksa return kullanmak zorunda değiliz.
yani const someFunc = x => (x+2) şeklinde yazabiliriz.
3. eğer fonksiyon tek satırda işlem yapıyorsa sonuç kısmı için parantez kullanmasak da olur. yani :
const someFunc = x => x+2;
console.log(someFunc(2));
// Örnek:
const someFunc= (x) => {return(x+2)};
console.log(someFunc(2));
//--
const otherFunc = x=> (x+2);
console.log(otherFunc(2));
//--
const otherfunc0 = x => x+2;
console.log(otherfunc0(2));
daha ayrıntılı bilgi için
JavaScript Karmaşası : 09 : ARROW Function - "OK Fonksiyonu" videosuna bakılabilir.
th-cam.com/video/UnlASxWq3j8/w-d-xo.htmlsi=XQgvrzaRTgn1hSIP
Hocam ilk once size cok tesekkur ederim bu guzel egitim videolari icin, var olun her zaman. Ben Azerbaycanda izliyorum, Hocam size bir sorum olacaq. Siz burda {movie.name}, {movie.id} gibi kodlari girdiz, tamam anladim ki bu bilgiler movielist arrayinden gelen name ve id lerdir. Ancaq biz eyer bilmesek arrayde hangi bilgiler var yani arrayi onceden gormesek map funksionuyla gelen bilgilere nasil ulasicaz?
Söylediginiz durum verinin bir API den alindigi ihtimalde gerceklesir. Bu durumda da önce gelen verinin ilgili nesnesini önce console.log yaparak konsolda görüntüleyebilir ve gördügünüz icerige göre hangi veri basliklarini cekeceginize karar verebilirsiniz... Ben öyle yaptim en azindan...
API lerde OPTİONS sorğusu var. İlk öncə bu sorğunu göndərib gələn cavaba baxacıq, front’u buna uyğun quracıq
Hocam, rating yazısı beyaz geliyor. Badge değiştirdim, css den badge-color değiştirdim,text color atadım ama olmadı.Spanı kaldırınca yazı çıkıyor sadece. Yeterli acıklama da bulamadım kusra bakmayın
Aynı durumu bende de oldu. Bu şekilde bir çözüm buldum. 9.0
badge bg-info olacak çünkü boostrap son versiyonda bu şekilde yazıma gitmiş.
2 yıl önceki bootstrap kullanımı ile şimdiki kullanımı arasındaki farktan kaynaklı. Bootstrap'in sayfasını açıp güncel kullanımları kontrol edebilirsin.
⭐⭐⭐⭐⭐
Agzina saglik hocam.