Memperkenalkan Sinyal: Primitif Baru Angular untuk Reaktivitas

Pada 15 Februari 2023, tim Angular memperkenalkan Signals ke kerangka kerja dengan permintaan penarikan sederhana. Sejak saat itu, ada diskusi hangat di komunitas Angular tentang penggunaan dan manfaatnya. Banyak yang bahkan mulai membuat prototipe dengan sinyal untuk mencoba fungsinya.

Mari kita lihat cara kerja fitur baru ini, sintaksnya, dan cara menggunakannya setelah diluncurkan sepenuhnya.

Apa Itu Sinyal?

Tipe sinyal adalah tipe primitif reaktif baru Angular. Tujuannya adalah untuk menyimpan nilai, seperti variabel standar, tetapi fitur yang membedakan sinyal adalah perilakunya yang unik. Jika sinyal berubah, itu akan memberi tahu apa pun yang bergantung padanya.

Selain itu, Angular dapat menggunakan sinyal sebagai pendekatan baru untuk mendeteksi dan memicu perubahan, daripada pendekatan default saat ini untuk pemeriksaan kotor seluruh pohon komponen.

Cara Menggunakan Sinyal di Angular

Sinyal akan terlihat seperti ini:

@Komponen({
 pemilih: 'aplikasi saya',
 mandiri: BENAR,
 templat: `
 Hitung: {{ hitung() }} </div>
 Ganda: {{ ganda() }} </div>
"ubahJumlah()"></button>
`,
})
eksporkelas Komponen Aplikasi{
 jumlah = sinyal(0)
 ganda = dihitung(() =>ini.menghitung() * 2);

 changeCount() {
ini.hitung.set(5)
 }
}

Dalam komponen Aplikasi ini, jumlah variabel adalah sinyal yang diinisialisasi dengan nilai nol. count kemudian direferensikan di dalam double (nilai yang dihitung) dan template. Jadi, saat klik tombol menyetel nilai hitung menjadi lima, baik nilai yang dihitung (ganda) dan nilai dalam template akan diperbarui.

Setiap bagian dari Komponen sudut yang tergantung pada sinyal akan diperbarui secara otomatis setelah nilainya berubah.

Mengapa Pengenalan Sinyal Penting

Sinyal memudahkan untuk belajar dan bekerja dengan Angular. Beralih ke sinyal sebagai cara default baru untuk belajar dan membangun dengan Angular akan menyelaraskan proses pembelajaran. Apakah kita lebih suka gaya pengkodean yang lebih imperatif dengan Angular, atau ingin mempelajari gaya pengkodean yang lebih deklaratif.

Kebanyakan orang memulai pengkodean secara imperatif karena umumnya lebih intuitif dan familiar bagi orang-orang. Tetapi beralih dari pendekatan imperatif ke cara deklaratif melibatkan pergeseran paradigma dan perubahan total dalam model mental kita. Inilah mengapa RX.js, perpustakaan reaktif, sulit dipelajari oleh banyak orang.

Sinyal akan menyatukan dua pendekatan terpisah ini. Setiap orang dapat mempelajari sinyal secara default, mulai mempelajari konsep di balik reaktivitas, dan bahkan tidak perlu khawatir untuk menggabungkannya RX.js Angular jika mereka tidak bisa atau tidak mau.

Setelah Anda merasa nyaman dengan dasar Angular dan ingin beralih ke gaya coding yang lebih deklaratif, Anda bisa dengan mudah menambahkan RX.js ke konsep yang sudah Anda pahami.

Sinyal Harus Meningkatkan Pemrograman Sudut untuk Semua Orang

Signals adalah mekanisme reaktif baru Angular yang dapat Anda gunakan untuk membuat nilai reaktif untuk dibaca konsumen. Sinyal segera memberi tahu semua konsumen setelah nilainya berubah. Sinyal menyelaraskan proses pembelajaran Angular dengan menyatukan pendekatan imperatif dan deklaratif untuk pengkodean.

Angular akan mengandalkan sinyal untuk membuat deteksi perubahan menjadi lebih ringan dan kuat. Oleh karena itu, sebagai pengembang Angular, belajar menggunakan sinyal akan memberi Anda pemahaman reaktivitas yang lebih kuat di Angular dan menjadikan Anda pengembang yang lebih baik. Jangan lupa untuk menguasai dasar-dasar Angular sebelum mempelajari bagian yang lebih lanjut.