Pemulihan Gulir & Rute Tidak Ditemukan
Pulihkan posisi gulir saat kembali bernavigasi dan tampilkan 404 yang ramah untuk rute yang tidak dikenal; jaga UX tetap mulus di perangkat seluler.
Pemulihan Gulir & Rute Tidak Ditemukan adalah pelajaran React Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar React Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus React Academy mencakup 3 pelajaran total.
Mengapa pemulihan dan 404?
Tujuan: Pertahankan navigasi agar terasa alami.
- Pemulihan gulir saat kembali
- Halaman 404 untuk rute yang tidak dikenal
- Contoh sederhana tanpa pustaka
Konsep secara ringkas
- Simpan scrollTop untuk setiap rute sebelum meninggalkannya
- Saat dipasang, baca posisi sebelumnya dan panggil scrollTo
- Tangkap jalur yang tidak cocok dan tampilkan layar tidak ditemukan yang jelas
Contoh: kerangka perute kecil
Status perute kecil dengan tiga rute; berikutnya kita akan menambahkan pemulihan gulir.
<div id="root"></div>Contoh: pemulihan gulir
Simpan scrollTop untuk setiap rute; pulihkan saat dipasang kembali agar pengalaman kembali terasa alami.
<div id="root"></div>Contoh: rute tidak ditemukan
Tambahkan layar NotFound untuk jalur yang tidak dikenal; sediakan tombol untuk kembali ke Beranda.
<div id="root"></div>Kiat dan jebakan
- Simpan posisi gulir berdasarkan kunci rute
- Pulihkan saat dipasang sebelum melakukan pekerjaan berat
- Selalu sertakan layar NotFound dengan cara kembali yang jelas
Pemeriksaan pemulihan gulir
Ringkasan
Ringkasan: Simpan scrollTop berdasarkan rute dan pulihkan agar navigasi kembali terasa seperti navigasi asli. Tambahkan halaman 404 yang ramah untuk mengarahkan pengguna kembali ke tempat yang aman.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Pemulihan Gulir & Rute Tidak Ditemukan” gratis?
Ya — teks lengkap “Pemulihan Gulir & Rute Tidak Ditemukan” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus React Academy, upgrade ke CoddyKit PRO. Kursus React Academy mencakup 3 pelajaran total.
Apa yang akan aku pelajari di “Pemulihan Gulir & Rute Tidak Ditemukan”?
Pulihkan posisi gulir saat kembali bernavigasi dan tampilkan 404 yang ramah untuk rute yang tidak dikenal; jaga UX tetap mulus di perangkat seluler. Kamu berlatih React Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai React Academy?
Tidak diperlukan pengalaman sebelumnya. React Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 3.
Berapa lama pelajaran “Pemulihan Gulir & Rute Tidak Ditemukan” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran React Academy ini?
Ya. Setiap pelajaran React Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Tata Letak Bertingkat, Pemuat (Konsep), Pemuatan Awal
- Alur Autentikasi & Rute Terlindungi
- Pemulihan Gulir & Rute Tidak Ditemukan