Skip to content

Commit b57d2ff

Browse files
Apply suggestions from code review
Co-authored-by: Zain Fathoni <zain.fathoni@gmail.com>
1 parent 3196028 commit b57d2ff

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

src/content/learn/reacting-to-input-with-state.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,26 +4,26 @@ title: Merespon Masukan dengan State
44

55
<Intro>
66

7-
React menyediakan cara deklaratif untuk memanipulasi UI. Dibandingan dengan memanipulasi bagian-bagian UI secara langsung, Anda dapat membuat berbagai *state* komponen, dan menggunakan *state* tersebut sebagai respons terhadap masukan pengguna. Cara ini mirip dengan bagaimana desainer memikirkan tentang UI.
7+
React menyediakan cara deklaratif untuk memanipulasi UI. Alih-alih memanipulasi bagian-bagian UI secara langsung, Anda deskripsikan berbagai *state* yang berbeda yang dapat terjadi di dalam komponen Anda, dan mengalihkan antara berbagai kemungkinan *state* tersebut sebagai respons terhadap masukan pengguna. Cara ini mirip dengan bagaimana desainer berpikir tentang UI.
88

99
</Intro>
1010

1111
<YouWillLearn>
1212

1313
* Bagaimana pemrograman UI deklaratif berbeda dari pemrograman UI imperatif
14-
* Bagaimana cara menjabarkan berbagai *state* visual yang berbeda pada komponen Anda
15-
* Bagaimana cara memicu perubahan ke berbagai *state*
14+
* Bagaimana cara melakukan enumerasi atas berbagai *state* visual yang berbeda dapat terjadi pada komponen Anda
15+
* Bagaimana cara memicu perubahan antara berbagai *state* visual yang berbeda melalui kode
1616

1717
</YouWillLearn>
1818

1919
## Membandingkan UI deklaratif dengan imperatif {/*how-declarative-ui-compares-to-imperative*/}
2020

21-
Ketika Anda mendesain interaksi UI, Anda mungkin berpikir tentang bagaimana UI *berubah* dalam menanggapi tindakan pengguna. Pertimbangkan sebuah formulir yang memungkinkan pengguna mengirimkan jawaban:
21+
Ketika Anda mendesain interaksi UI, Anda mungkin berpikir tentang bagaimana UI *berubah* dalam menanggapi tindakan pengguna. Pertimbangkan sebuah formulir yang memungkinkan pengguna mengirimkan sebuah jawaban:
2222

23-
* Anda mengetikan sesuatu kedalam formulir, maka tombol kirim menjadi **aktif**
24-
* Anda mengklik tombol "Kirim", baik formulir maupun tombol "Kirim" tersebut menjadi **nonaktif** dan *spinner* muncul.
25-
* Apabila permintaan jaringan berhasil, formulir disembunyikan dan pesan "Terima Kasih" muncul
26-
* Apabila permintaan jaringan gagal, pesan kesalahan muncul dan formulir menjadi aktif kembali.
23+
* Ketika Anda mengetikkan sesuatu kedalam formulir, maka tombol "Kirim" **menjadi aktif**
24+
* Ketika Anda menekan tombol "Kirim", baik formulir maupun tombol "Kirim" tersebut **menjadi nonaktif** dan sebuah *spinner* **muncul.**
25+
* Apabila permintaan jaringan berhasil, formulir **disembunyikan** dan pesan "Terima Kasih" **muncul.**
26+
* Apabila permintaan jaringan gagal, sebuah pesan kesalahan **muncul,** dan formulir **menjadi aktif** kembali.
2727

2828

2929
Pada **pemrograman imperatif**, yang disebutkan di atas berkaitan langsung dengan bagaimana Anda mengimplementasikan interaksi tersebut. Anda harus menulis intruksi yang spesifik untuk memanipulasi UI tergantung apa yang sedang terjadi. Cara lain untuk memikirkan hal ini adalah: bayangkan menumpang disebelah seseorang di dalam mobil dan memberitahu mereka kemana harus pergi disetiap belokan.

0 commit comments

Comments
 (0)