No video

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

  Рет қаралды 5,496

React Dersleri

React Dersleri

Күн бұрын

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.

Пікірлер: 27
@yamillayicov7256
@yamillayicov7256 Жыл бұрын
elinize emeginize saglik tesekkurler
@recepsivri6846
@recepsivri6846 Жыл бұрын
üstad eline sağlık çok temel bir şekilde ve bir o kadar da örneklendirerek anlatıyorsun.
@yamillayicov7256
@yamillayicov7256 11 ай бұрын
eline emegine saglik hocam
@mrymonbas3059
@mrymonbas3059 3 жыл бұрын
Birkaç gün önce keşfettim bu kanalı. Çok faydalı oldu. Teşekkürler
@ramazankayis6554
@ramazankayis6554 4 жыл бұрын
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
@ReactDersleri 4 жыл бұрын
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
@ramazankayis6554 4 жыл бұрын
@@ReactDersleri sabirsizlikla bekliyorum :) şimdiden kolay gelsin 👍
@miratbayrak4354
@miratbayrak4354 2 жыл бұрын
Dersleriniz harika ama bir sümkür gözünü seveyim
@mrymonbas3059
@mrymonbas3059 3 жыл бұрын
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
@enginb3818 Жыл бұрын
http ile kombine olarak react custom hooks videosu cekilse ne guzel olurdu. Maximillian kardesimiz reusable kod yazmak ugruna milleti isyanlara surukledi
@EverythingisOnline
@EverythingisOnline 2 жыл бұрын
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
@rfatdinc4157 2 жыл бұрын
rafce yi denermisin
@mustafaosmantekin1882
@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
@mustafaemin7389 3 жыл бұрын
Hocam Amerika'ya nasıl gittiniz, nasıl iş bulunur gibi videolarda güzel oluyor belki deneyimlerinizi paylaşırsınız
@ReactDersleri
@ReactDersleri 3 жыл бұрын
Şimdilik öyle bir planım yok. Benim hikayeme kimsenin ihtiyacı olduğunu da sanmıyorum zaten. :)
@kareemsaid1640
@kareemsaid1640 3 жыл бұрын
@@ReactDersleri ihtiyacımız olmasa sormazdık zaten
@tugbakoc5700
@tugbakoc5700 2 жыл бұрын
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
@ReactDersleri 2 жыл бұрын
Yeni baslayanlar icin React dersleri ve Hooks serisinden baslayabilirsiniz. Ondan sonra kucuk projeler yapmaya calisin, counter, todoList gibi.
@hakandemiralll
@hakandemiralll 3 жыл бұрын
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
@ReactDersleri 3 жыл бұрын
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
@yigitruzgaruzun7289 2 жыл бұрын
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
@ReactDersleri 2 жыл бұрын
Yazdiginiz custom hook koduyla birlikte sorunuzu forumda sorabilir misiniz?
@yigitruzgaruzun7289
@yigitruzgaruzun7289 2 жыл бұрын
@@ReactDersleri Teşekkür ederim.
@hasan4ydin
@hasan4ydin 4 жыл бұрын
Klavyenin modeli nedir acaba ? :) hoş bi sesi var
@ReactDersleri
@ReactDersleri 4 жыл бұрын
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
@hasan4ydin 4 жыл бұрын
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
@ReactDersleri 4 жыл бұрын
@@hasan4ydin Mekanik klavye ariyorsaniz switch turlerini arastirin. Uc cesit var: clicky, linear, tactile. Bendeki clicky, cok ses yapiyor. Kullanim amacina gore farkli switchler var. KZfaq'da bunlarin tanitimini yapan videolara da bakabilirsiniz. Turkce bir yazi buldum sizin icin: www.incehesap.com/blog/mekanik-klavye-ve-switchler-hakkinda-bilmeniz-gerekenler/
React useContext hook kullanımı, Context API ve kullanım yerleri
17:07
а ты любишь париться?
00:41
KATYA KLON LIFE
Рет қаралды 3 МЛН
الذرة أنقذت حياتي🌽😱
00:27
Cool Tool SHORTS Arabic
Рет қаралды 14 МЛН
Schoolboy Runaway в реальной жизни🤣@onLI_gAmeS
00:31
МишАня
Рет қаралды 2,8 МЛН
React Redux ile thunk middleware kullanarak API'dan veri almak
27:21
React Dersleri
Рет қаралды 10 М.
Amerika'daki bootcamp programları hakkında
23:01
React Dersleri
Рет қаралды 6 М.
React useRef Hook Kullanımı
15:35
React Dersleri
Рет қаралды 9 М.
Custom React Hooks For Beginners with Typescript [2022]
10:15
The Nerdy Canuck
Рет қаралды 4,8 М.
JavaScript  .sort() Metodu İncelikleri
10:53
React Dersleri
Рет қаралды 2,1 М.
Express Middleware Nedir? Nasıl Kullanılır?
21:03
React Dersleri
Рет қаралды 4,8 М.