Apa Itu Sinyal
Pahami sinyal sebagai wadah keadaan reaktif.
Apa Itu Sinyal adalah pelajaran Angular Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. 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 Angular Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Angular Academy mencakup 4 pelajaran total.
Apa Itu Signal?
Signal adalah primitif reaktif yang diperkenalkan di Angular modern. Signal merupakan pembungkus nilai yang dapat memberi tahu konsumen yang berkepentingan ketika nilai tersebut berubah.
Signal membuat reaktivitas Angular menjadi eksplisit, terperinci, dan mudah dipahami.
Mengapa Reaktivitas Penting
Dalam kerangka kerja UI, layar harus selalu selaras dengan data Anda. Ketika data berubah, tampilan harus diperbarui.
Signal memberi Angular cara yang tepat untuk mengetahui apa yang sebenarnya berubah dan apa yang bergantung padanya, sehingga hanya bagian tampilan yang terdampak yang disegarkan.
Masalah Sebelum Adanya Signal
Sebelumnya, Angular mengandalkan Zone.js dan deteksi perubahan secara luas: setelah peristiwa asinkron apa pun, Angular memeriksa kembali sebagian besar hierarki komponen.
Cara ini berfungsi, tetapi dapat menghabiskan sumber daya. Signal memungkinkan pembaruan terperinci tanpa memindai semuanya.
Signal Menyimpan Nilai
Bayangkan signal sebagai kotak pintar yang membungkus suatu nilai. Anda dapat membaca isi kotak tersebut dan menggantinya.
Membaca signal juga mencatat siapa yang membacanya, sehingga dependennya dapat diperbarui nanti.
import { signal } from '@angular/core';
const count = signal(0);
// count is now a signal holding the number 0Membaca Signal Adalah Pemanggilan Fungsi
Gagasan penting: untuk membaca signal, Anda memanggilnya seperti fungsi. Tanda kurung memberi tahu Angular bahwa Anda sedang membaca nilai saat ini.
const count = signal(0);
console.log(count()); // 0 <-- note the ()Signal Bersifat Sinkron
Membaca signal berlangsung secara sinkron dan selalu langsung mengembalikan nilai saat ini. Tidak ada langganan, pipe asinkron, atau pembatalan langganan manual yang perlu dikelola.
Writable vs Computed
Signal dasar yang dibuat dengan signal() bersifat writable: nilainya dapat diubah.
Ada juga signal computed (nilai turunan) dan effects (efek samping), yang dibangun di atas signal writable.
Signal Melacak Dependensi
Ketika nilai computed atau templat membaca signal, Angular secara otomatis mencatat dependensi tersebut.
Nantinya, jika signal berubah, hanya dependensi tersebut yang dihitung ulang. Inilah yang membuat signal efisien.
Pembaruan Tanpa Gangguan
Signal dirancang agar bebas gangguan: konsumen selalu melihat nilai yang konsisten dan tidak diberi tahu tentang keadaan peralihan yang belum diperbarui sepenuhnya.
Hal ini membuat grafik reaktif yang kompleks lebih mudah diprediksi.
Tempat Signal Berada
Signal merupakan bagian dari @angular/core. Anda mengimpor signal, computed, dan effect dari sana.
Signal dapat digunakan di dalam komponen, layanan, atau kode TypeScript apa pun.
import { signal, computed, effect } from '@angular/core';Signal dalam Komponen
Pola yang umum adalah mendeklarasikan signal sebagai bidang kelas dalam komponen, lalu membacanya di templat.
import { Component, signal } from '@angular/core';
@Component({ selector: 'app-counter', template: '' })
export class CounterComponent {
count = signal(0);
}Pemeriksaan Singkat: Dasar-Dasar Signal
Mari periksa pemahaman Anda tentang signal.
Ulasan: Apa Itu Signal
Anda telah mempelajari bahwa signal adalah pembungkus reaktif di sekitar suatu nilai yang memberi tahu konsumen saat terjadi perubahan. Anda membaca signal dengan memanggilnya menggunakan tanda kurung; pembacaan berlangsung secara sinkron, dan signal memungkinkan pembaruan yang terperinci serta bebas gangguan.
Selanjutnya, Anda akan membuat dan membaca signal Anda sendiri.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Apa Itu Sinyal” gratis?
Ya — teks lengkap “Apa Itu Sinyal” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Angular Academy, upgrade ke CoddyKit PRO. Kursus Angular Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Apa Itu Sinyal”?
Pahami sinyal sebagai wadah keadaan reaktif. Kamu berlatih Angular 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 Angular Academy?
Tidak diperlukan pengalaman sebelumnya. Angular 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 1 dari 4.
Berapa lama pelajaran “Apa Itu Sinyal” 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 Angular Academy ini?
Ya. Setiap pelajaran Angular 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
- Apa Itu Sinyal
- Membuat dan Membaca Sinyal
- Memperbarui Sinyal dengan set dan update
- Sinyal dalam Template