1
00:00:02,170 --> 00:00:05,170
Jadi apa sebenarnya yang bereaksi, J. S.?

2
00:00:05,710 --> 00:00:09,730
Ini adalah perpustakaan JavaScript untuk membangun antarmuka pengguna.

3
00:00:09,940 --> 00:00:14,380
Dan dengan demikian, ini semua tentang menjalankan JavaScript di browser.

4
00:00:14,620 --> 00:00:18,430
Ini adalah perpustakaan JavaScript untuk kode JavaScript sisi browser.

5
00:00:18,640 --> 00:00:20,300
Itu bukan simpul J.

6
00:00:20,310 --> 00:00:21,010
S perpustakaan.

7
00:00:21,010 --> 00:00:23,380
Ini situs browser, pustaka JavaScript.

8
00:00:23,980 --> 00:00:30,700
Sekarang, tepatnya, React Chance sendiri disebut sebagai perpustakaan karena sangat fokus pada hal

9
00:00:30,700 --> 00:00:32,410
antarmuka pengguna itu.

10
00:00:32,950 --> 00:00:39,430
Tapi itu sebenarnya memulai ekosistem besar dengan paket pihak ketiga lainnya yang, misalnya, membantu kami

11
00:00:39,430 --> 00:00:44,890
dengan manajemen negara aplikasi yang luas atau dengan perutean, perutean ujung depan.

12
00:00:45,190 --> 00:00:47,860
Dan karenanya, secara efektif, Anda juga bisa menyebutnya kerangka kerja.

13
00:00:47,890 --> 00:00:51,760
Saya berpendapat, tapi ini semantik, tidak terlalu impor sekarang.

14
00:00:52,150 --> 00:00:55,570
Lebih baik kita memahami bagaimana reaksi bekerja dan bagaimana kita menggunakannya.

15
00:00:56,500 --> 00:01:02,970
Bereaksi membantu kami membangun antarmuka pengguna yang ditampilkan di browser yang berjalan di browser, dan oleh karena itu

16
00:01:02,980 --> 00:01:06,220
kami menggunakannya untuk membangun ujung depan aplikasi Web.

17
00:01:06,310 --> 00:01:12,640
Apa yang dilihat pengguna bereaksi tidak berjalan di server bereaksi, tidak berkomunikasi dengan database.

18
00:01:12,910 --> 00:01:20,050
Kami menggunakannya untuk membangun antarmuka pengguna modern yang sangat reaktif, dan kami melakukannya dengan mengikuti pendekatan deklaratif, yang

19
00:01:20,080 --> 00:01:27,730
berarti bahwa sebagai tanggapan kami Robert menemukan hasilnya dan mungkin menyatakan status yang berbeda dan di bawah kondisi mana

20
00:01:27,790 --> 00:01:33,880
kami ingin membuat apa dan apa menunjukkan, apa yang ada di layar bukannya langkah-langkah yang

21
00:01:33,880 --> 00:01:35,290
mengarah ke hasil.

22
00:01:35,680 --> 00:01:41,140
Itu akan menjadi pendekatan imperatif, yang pada dasarnya adalah apa yang kita miliki jika kita menggunakan JavaScript vanilla di

23
00:01:41,620 --> 00:01:43,660
mana kita harus mendefinisikan setiap langkah.

24
00:01:43,960 --> 00:01:47,830
Tambahkan elemen ini, tambahkan C ini sedekat mungkin dengan elemen.

25
00:01:47,920 --> 00:01:49,420
Hapus elemen ini.

26
00:01:49,780 --> 00:01:51,700
Inilah yang kami lakukan dalam JavaScript vanilla.

27
00:01:51,820 --> 00:01:55,180
Ini bisa menjadi antarmuka pengguna yang sangat rumit dan sangat kompleks.

28
00:01:55,540 --> 00:02:01,390
Kami biasanya tidak ingin melakukan itu jika kami membangun aplikasi yang lebih besar karena mengelola

29
00:02:01,390 --> 00:02:08,020
dan mengatur semua langkah ini dan memastikan bahwa ketika sesuatu berubah, kami menjalankan langkah-langkah yang tepat sangat

30
00:02:08,020 --> 00:02:15,160
rentan kesalahan dan membutuhkan banyak usaha dan bekerja jauh dari kami logika bisnis aktual dan dari membangun antarmuka pengguna

31
00:02:15,160 --> 00:02:22,150
yang bagus dan sebagai gantinya memaksa kami untuk menghabiskan banyak pekerjaan pada JavaScript primitif untuk menciptakan kembali roda

32
00:02:22,150 --> 00:02:23,200
dan sebagainya.

33
00:02:23,210 --> 00:02:24,340
Dan kami tidak ingin melakukan itu.

34
00:02:24,910 --> 00:02:27,940
Jadi dalam bereaksi karena kita malah fokus pada hasilnya.

35
00:02:28,000 --> 00:02:31,120
Dan kami melakukannya dengan menggunakan komponen.

36
00:02:31,270 --> 00:02:34,390
Komponen adalah konsep yang diperkenalkan oleh react.

37
00:02:34,660 --> 00:02:40,150
Pada dasarnya, ini adalah blok bangunan UI yang kami definisikan dan Anda akan belajar bagaimana melakukannya.

38
00:02:40,180 --> 00:02:46,720
Dalam modul ini, tentu saja, yang kami definisikan dan kemudian kami menyusun antarmuka pengguna kami dari komponen-komponen ini dan

39
00:02:46,750 --> 00:02:52,720
setiap komponen juga dapat mendefinisikan apa yang harus direndernya, di bawah keadaan apa dan reaksi kemudian

40
00:02:52,720 --> 00:02:59,740
akan secara ajaib memasang segala sesuatu di belakang layar dan mengimplementasikan semua langkah ini dalam kotak abu-abu di sini untuk

41
00:03:00,100 --> 00:03:00,610
kita.

42
00:03:00,960 --> 00:03:04,600
Jadi, apakah kita tidak perlu menulis langkah-langkah untuk menemukan hasil.

43
00:03:05,230 --> 00:03:06,440
Ini reaktif.

44
00:03:06,480 --> 00:03:07,720
Singkatnya, singkatnya.

45
00:03:07,840 --> 00:03:11,400
Sekarang mari kita lihat bagaimana cara kerjanya ketika kita menulis beberapa kode.