React Custom Hook Rehberi - Sıfırdan useInput hook nasıl yazılır?

Bu videoda custom hook nasıl yazılır, sıfırdan useInput hook yazımı anlatılmaktadır.
Videoda takip edilen proje: codesandbox.io...
React Hooks tanıtıldığı günden bugüne web geliştiriciler arasında oldukça yaygın. Hook mekanizması, içinde useState, useEffect gibi önceden tanımlı hooklarla geldiği gibi, kendimize özel hooklar yazmamıza da imkan sağlıyor.
Bu videoda en popüler hooklardan olan useInput hook sıfırdan nasıl yazılır onu ele alıyoruz.

[@recepsivri6846]

üstad eline sağlık çok temel bir şekilde ve bir o kadar da örneklendirerek anlatıyorsun.

[@mrymonbas3059]

Birkaç gün önce keşfettim bu kanalı. Çok faydalı oldu. Teşekkürler

[@miratcanbayrak]

Dersleriniz harika ama bir sümkür gözünü seveyim

[@yamillayicov7256]

elinize emeginize saglik tesekkurler

[@ramazankayis6554]

Dersleriniz gayet güzel anlaşılır olmuş:) Ayrıca tekrar teşekkür ederim emeğinize sağlık :) Dersleriniz dinlerken öğrendiğimi hissediyorum :) bu arada İlerleyen derslerde react-thunk ve grapHQL konularınıda anlatabilir misiniz?

[@ReactDersleri]

Siradaki video redux ve asynchronus islemler olacak. Orada thunk'dan bahsedecegim. GraphQL'e daha var. Ondan once REST APIs gormemiz lazim ki GraphQL'in amaci anlasilsin.

[@ramazankayis6554]

@@ReactDersleri sabirsizlikla bekliyorum :) şimdiden kolay gelsin 👍

[@yamillayicov7256]

eline emegine saglik hocam

[@mrymonbas3059]

Staj yaptığım şirkette react-map-gl ve Overmind kullanmam gerekiyor. Bir sonraki video için belki React-map-gl hakkında olabilir. Redux videolarınız Overmind 'I anlamamda çok yardımcı oldu 👍

[@enginb3818]

http ile kombine olarak react custom hooks videosu cekilse ne guzel olurdu. Maximillian kardesimiz reusable kod yazmak ugruna milleti isyanlara surukledi

[@EverythingisOnline]

Merhabalar. Derslerinizi defalarca defalarca izliyorum. elinize ağzınıza sağlık. VSCODE için React da hızlı yazmayı sağlayabilecek eklentilerden de bahsederseniz sevinirim. rcc + tab ile class component oluşturuyor ama arrow function importlar ve exportlar şeklinde bir hazır snippet denk gelmedi. var olanların kısa yollarında da bunları bulamadım.

[@rfatdinc4157]

rafce yi denermisin

[@mustafaosmantekin1882]

İçerik öncelikle çok güzel, elinize sağlık. Merak ettiğim bir şey var.. Bunu debounce ile nasıl kullanırız. Daha önce debounce kullanmışlığım var, nasıl kullanıldığını biliyorum ama bu hook ile hiçbir şekilde başaramadım :)

[@mustafaemin7389]

Hocam Amerika'ya nasıl gittiniz, nasıl iş bulunur gibi videolarda güzel oluyor belki deneyimlerinizi paylaşırsınız

[@ReactDersleri]

Şimdilik öyle bir planım yok. Benim hikayeme kimsenin ihtiyacı olduğunu da sanmıyorum zaten. :)

[@kareemsaid1640]

@@ReactDersleri ihtiyacımız olmasa sormazdık zaten

[@tugbakoc5700]

Merhaba, reacte yeni başladım. Nereden başlamalıyım, neleri öğrenmeliyim en güncel haliyle ? Videolarınızdan hangilerine bakmalıyım ? Ya da önerdiğiniz kaynaklar

[@ReactDersleri]

Yeni baslayanlar icin React dersleri ve Hooks serisinden baslayabilirsiniz. Ondan sonra kucuk projeler yapmaya calisin, counter, todoList gibi.

[@hakandemiralll]

input2state işlerinde onChange yerine onBlur kullanmak çok daha iyi olmaz mı? her keypress'de bütün komponentin state'ini değiştirip tekrar tekrar render etmektense inputa verilecek giriş bittikten sonra state yazmanın ne gibi dezavantajı olabilir?

[@ReactDersleri]

Dedigin mantiksiz degil. Input’un amacina gore onBlur kullanilabilir.
onChange/onBlur konusundan ziyade bilesenlestirme (componentization) mantigiyla hareket etmek daha mantikli. React’e gore input’larin da yeniden kullanilabilir bilesenler olarak olusturulup input’un iceriginin o en kucuk bilesen icinde state olarak tutulmasi gerekir. Bu sayede hangi input degisirse o render edilir. State konusundan hatirlarsaniz, state nerede kullanilacaksa o bilesende tutulmasi gerekir.

[@yigitruzgaruzun7289]

Ders için çok teşekkürler;
İki sorum olacaktı. Cevaplarsanız çok memnun olurum.
Useffect return'e genelde hangi durumlarda ihtiyaç oluyor. Ben henüz ihtiyaç duymadım, ama yanıldığım bir nokta mı var acaba ?
*
Yazdığım custom hooklar, tekrarlı şekilde çalışıyor. Halbuki ben veriyi alıp bir daha çalışmamasını istiyorum. Useeffect'lerde ne kadar karşılaştırma yapsam da tekrarlı renderlar devam ediyor.
Hele ki bir kaç hook'u iç içe kullanıyorsam Console'da yüzlerce mesaj oluşuyor. Yardımcı olur musunuz ?
(Custom hooklarda usecallback, usememo, react.memo' da kullanamadım. Hedefim bir custom hook bir kere çalışmasın ama bir türlü olmuyor.)

[@ReactDersleri]

Yazdiginiz custom hook koduyla birlikte sorunuzu forumda sorabilir misiniz?

[@yigitruzgaruzun7289]

@@ReactDersleri Teşekkür ederim.

[@hasan4ydin]

Klavyenin modeli nedir acaba ? :) hoş bi sesi var

[@ReactDersleri]

Havit marka blue switch mekanik klavye
www.amazon.com/Mechanical-Keyboard-Rainbow-Keyboards-Computer/dp/B07W1HXM4J/ref=sr_1_1_sspa?crid=302C3W8VDSQFT&dchild=1&keywords=havit+mechanical+keyboard+and+mouse+combo&qid=1595624467&sprefix=havit+mech%2Caps%2C-1&sr=8-1-spons&psc=1&spLa=ZW5jcnlwdGVkUXVhbGlmaWVyPUEyNk1QUkRGUVVFMFFGJmVuY3J5cHRlZElkPUEwODc2MDAxUjBFMlY0MjZMQlFQJmVuY3J5cHRlZEFkSWQ9QTA1MzkzMDFWUFlHSDJRNTMxNlomd2lkZ2V0TmFtZT1zcF9hdGYmYWN0aW9uPWNsaWNrUmVkaXJlY3QmZG9Ob3RMb2dDbGljaz10cnVl

[@hasan4ydin]

React Dersleri teşekkür ederim türkiye'de verebileceğiniz örnek bir klavye var mı acaba bunun türkiyeye gelmesi baya sıkıntı görünüyor kargo vergi vs.

[@ReactDersleri]

@@hasan4ydin Mekanik klavye ariyorsaniz switch turlerini arastirin. Uc cesit var: clicky, linear, tactile. Bendeki clicky, cok ses yapiyor. Kullanim amacina gore farkli switchler var. TH-cam'da bunlarin tanitimini yapan videolara da bakabilirsiniz. Turkce bir yazi buldum sizin icin: www.incehesap.com/blog/mekanik-klavye-ve-switchler-hakkinda-bilmeniz-gerekenler/