React ile yazı ekleme formu ve basit hata yönetimi nasıl yapılır?

Bu videoda projemize yazı ekleme formu ekliyoruz. Form elementlerimizi Semantic UI aracılığıyla oluşturuyoruz. Öncelikle forma girilen bilgileri state içinde kaydediyoruz. Ardıdan axios aracılığıyla POST request göndererek yazımızı API üzerindeki gerekli erişim noktasına iletiyoruz. Olumlu dönüş olduğunda kullanıcımızı anasayfaya yönlendiriyoruz, hata durumunda ise ekranda hata mesajı gösteriyoruz.

NOT: Bundan sonraki videolarda hem sizlerin tüm süreci görmesi açısından hem de zamandan kazanmak amacıyla kodlama videolarımda düzenleme yapmayı bırakıyorum. Aldığım hataları, takıldığım yerleri, sesli düşündüğüm bölümleri olduğu gibi bırakıp sizlerin de bu tecrübeyi birebir yaşamanızı istiyorum. O bölümleri video hızını 2x yaparak geçebilirsiniz.

#react #reactjs #reactdersleri #reacttutorial #reactpostrequest #axios #postrequest #yaziekle #yazieklemeformu

[ugryksl]

Hocam elinize sağlık. Yine çok güzel bir serinin videosu olmuş. Devamını bekliyoruz :)

[disarmm]

Diğer videolarınızda değinmiş olabilirsiniz belki ama Hata mesajını Api'dan almak isteyenler var ise belki yardımcı olmak adına affınıza sığınarak,
kodu ile alabilirler diye tahmin ediyorum.

[kenansari]

Degerli Hocam, video herzaman ki gibi harika olmus emeginize saglik, Sesli dusundugunuz kisimalri birakmaniz cok yararli oluyor kanaatimce, sizinle adim adim gittim, tesekkur ederim. Musadenizle bir soru sormak istiyorum, Bir sonra ki videoda delete islemlerinede yer verecekmisiniz ve projenin icinde React state manegement-redux sekline cevirmeyi dusunurmusunuz hocam? Tekrar tesekkur ederim, ve bu iletiyi okuyan herkese hayirli ramazanlar dilerim.

[fikretylmaz]

Merhaba Hocam,
Projenizi react router v6 ile yapmaya calisiyorum ama withRouter yerine kullanabilecek herhangi bir hook bulamadim ve "Link to " ile yonlendirme yaptim.
1)Sizce bu yeterli mi?
2)Degilse history kismini hangi hook ile alabilecegimi soyleyebilir misiniz ya da projeyi Routerlarin yeni versiyonunu kullanarak guncellemeyi dusunuyor musunuz?
Bu arada API deki hata mesajini da consola su sekilde yazdirdim belki kullanmak isteyen olabilir tabi kullanmadan once:
3) Yazdigim bu yazim dogru bir yazim midir (dakika=23:57)?
.catch((err) => {

Vereceginiz cevaplar icin Simdiden tesekkur ederim.

[mustafaozgun]

koşullu rendering kısmını anlayamadım hocam.Açıklamak gerekirse {hata&& } ifadesini yorumlayamadım. Bu kısım için neyi araştırmam gerekiyor?