1
00:00:02,490 --> 00:00:09,000
Jadi kami mengerjakan formulir ini di sini atau pada input ini di mana kami dapat mengambil input pengguna untuk menambahkan produk

2
00:00:09,450 --> 00:00:14,840
baru dan tentu saja itu adalah hal inti yang mungkin harus Anda lakukan dalam aplikasi apa pun.

3
00:00:14,850 --> 00:00:20,400
Sekarang di sini, saya menunjukkan kepada Anda semua detail seluk beluk yang diperlukan untuk mengatur ini dari awal sendiri

4
00:00:20,430 --> 00:00:26,400
dan tentu saja ini hanya satu pendekatan yang mungkin. Anda bisa mengatur semua status

5
00:00:26,400 --> 00:00:35,730
secara individual dengan beberapa status penggunaan dalam satu komponen. Di sini sebagai gantinya, saya menggunakan peredam penggunaan dan keadaan gabungan ini

6
00:00:35,730 --> 00:00:42,420
untuk memiliki semua keadaan yang dimiliki bersama-sama dan saya menggunakan komponen terpisah untuk input aktual dan labelnya

7
00:00:42,420 --> 00:00:46,970
dan teks kesalahan dan validasi teks input ini dan tentu saja itu

8
00:00:47,100 --> 00:00:52,410
juga hanya satu pola yang mungkin. Sekarang dalam produksi tentu saja, Anda mungkin

9
00:00:52,410 --> 00:00:54,750
tidak ingin menemukan kembali roda sepanjang

10
00:00:54,750 --> 00:00:59,910
waktu, jadi alih-alih menulis semua logika validasi secara manual di sini, seperti yang saya

11
00:00:59,910 --> 00:01:06,870
sebutkan sebelumnya, Anda mungkin ingin memeriksa solusi seperti ValidateJS yang memberi Anda pola validasi yang telah dikonfigurasikan sebelumnya dan fungsionalitas,

12
00:01:07,290 --> 00:01:11,280
sehingga Anda tidak perlu menambahkan regex email Anda sendiri dan seterusnya.

13
00:01:11,280 --> 00:01:17,400
Anda juga dapat melihat ke dalam paket-paket seperti formik yang merupakan paket Bereaksi pihak ketiga yang juga berfungsi untuk React

14
00:01:17,400 --> 00:01:22,770
Native yang membuat menambahkan formulir dan memvalidasi formulir menjadi lebih mudah dan Anda dapat memeriksa dokumen resmi

15
00:01:22,890 --> 00:01:27,710
untuk mempelajari lebih lanjut tentang hal itu dan juga belajar cara gunakan di Bereaksi aplikasi asli

16
00:01:27,720 --> 00:01:30,900
karena Anda akan menemukan deskripsi tentang itu di sana.

17
00:01:30,930 --> 00:01:35,580
Namun, saya merasa lebih menarik untuk menunjukkan kepada Anda apa yang terjadi di balik layar dan bagaimana

18
00:01:35,580 --> 00:01:40,290
Anda dapat mengatur sesuatu seperti ini dari awal karena pada akhirnya kursus ini adalah tentang menjadi seorang pengembang

19
00:01:40,290 --> 00:01:42,700
dan bukan tentang menjadi seorang copy dan paster.

20
00:01:42,750 --> 00:01:48,600
Jadi saya harap ini membantu untuk memahami apa yang terjadi di balik layar, bagaimana Anda dapat mengatur

21
00:01:48,600 --> 00:01:51,630
validitas dan nilai secara elegan dan dengan cara

22
00:01:51,720 --> 00:01:57,810
yang dapat digunakan kembali dan kami juga akan menggunakan kembali input nanti di bagian otentikasi setelah kami juga menambahkan

23
00:01:57,810 --> 00:02:03,690
layar otentikasi dan di sana, kami kemudian juga akan melihat betapa mudahnya menambahkan formulir lain ke aplikasi ini.