use: Yönergesi
İstemci tarafı getirmeyle, tam yeniden yükleme olmadan form gönderimlerini aşamalı olarak geliştirin.
use: Yönergesi, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Aşamalı Geliştirme
Formlar JS olmadan çalışır; use:enhance onları daha akıcı bir kullanıcı deneyimi için fetch tabanlı gönderimlere yükseltir.
enhance İşlevini İçe Aktarma
$app/forms içinden.
import { enhance } from "$app/forms";Forma Uygulama
Form öğesinde use: yönergesini kullanın.
<form method="POST" use:enhance>...</form>Yeniden Yükleme Yok
Sayfa yeniden yüklenmez. SvelteKit fetch aracılığıyla gönderir, eylemi işler ve sayfayı tepkisel olarak günceller.
Özel İşleyici
Gönderim üzerinde ayrıntılı denetim sağlamak için enhance işlevine bir geri çağırma işlevi aktarın.
<form use:enhance={({ formData }) => {
return ({ result }) => { /* custom handling */ };
}}>Varsayılan Davranış
Geri çağırma işlevi olmadığında enhance, tam sayfa gönderiminin yapacağı gibi yönlendirir ve verileri yeniler.
Yükleme Durumu
Döndürücüler için geri çağırma işlevindeki yerel bir değişkenle gönderim durumunu izleyin.
Hata Kurtarma
Eylem tarafından döndürülen hatalar sayfadaki form özelliğinde görünür.
İyimser Arayüz
Anında geri bildirim sağlamak için sunucu yanıt vermeden önce geri çağırma işlevinde yerel durumu güncelleyin.
Birden Fazla Form
Her formun kendine ait enhance davranışı olabilir. Genel duruma gerek yoktur.
Neden Önemli
Tek bir yönergeyle HTML formlarının dayanıklılığını ve bir SPA'in akıcılığını elde edersiniz.
Hızlı Kontrol
use:enhance ne yapar?
Özet
use:enhance, yerel formları istemci tarafı gönderimlere yükseltir. Geri çağırma işleviyle özelleştirin.
Sıkça Sorulan Sorular
“use: Yönergesi” dersi ücretsiz mi?
Evet — “use: Yönergesi” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“use: Yönergesi” dersinde ne öğreneceğim?
İstemci tarafı getirmeyle, tam yeniden yükleme olmadan form gönderimlerini aşamalı olarak geliştirin. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.
“use: Yönergesi” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Eylemlerle +page.server.js
- use: Yönergesi
- Formlar için Aşamalı Geliştirme
- Eylemlerde Doğrulama Hatalarını İşleme