Form ve fetchers ile Derinlemesine Action Kullanımı | Remixjs 2024: Başlangıçtan İleri Seviyeye
Herkese merhaba, bu videoda Remixjs'in Route modülü olan action'ı detaylı bir şekilde inceliyoruz.
00:00 Giriş
00:19 HTML form kullanımı
02:30 action ?index ne işe yarar?
03:00 HTML form kullanmanın dezavantajı nedir?
03:29 Remix Form component kullanımı
04:30 dummy bir kullanıcı listesine kullanıcı ekleme ve silme işlemleri başlayalım ve action modülünden datayı useActionData() hook ile kullanalım
10:56 bir sayfada birden fazla action işlemi olduğunda bunları nasıl ayrı ayrı kontrol edebiliriz?
15:12 kullanıcı ekleme butonuna loading spinner ve disable özellikleri nasıl eklenir?
18:24 kullanıcı eklendikten sonra form input değerini silme ve tekrar focus olma nasıl yapılır?
21:28 sil butonu ile ekleme butonu click olduktan sonra client-side aksiyonlarının ayrışmasını nasıl sağlarız?
30:38 single ve multiple thread mantığı nedir? biden fazla post işlemini nasıl yapabiliriz?
33:53 fetcher.Form ve useFetcher ile multiple multiple thread işlemi
37:15 fetcher.submit ile multiple thread işlemi
39:08 Kapanış
👉 Github
Kodlara buradan ulaşabilirsiniz : https://github.com/orcunkobal/remixjs...
İyi seyirler
#remixjs #javascript #javascriptframeworks #javascripttutorial #javascript_tutorial #reactjstutorial #reactjscourse #reactjsfullcourse