1
00:00:02,300 --> 00:00:04,970
Bereaksi adalah semua tentang komponen.

2
00:00:05,130 --> 00:00:05,990
Sekarang, apa artinya ini?

3
00:00:06,740 --> 00:00:13,010
Tahun ini, fungsi ini di sini, tentu saja, fungsi JavaScript biasa, tetapi juga komponen

4
00:00:13,010 --> 00:00:13,610
reaksi.

5
00:00:14,000 --> 00:00:15,560
Apa yang membentuk komponen reaksi?

6
00:00:16,100 --> 00:00:18,020
Komponen reaksi dapat menjadi salah satu dari dua hal.

7
00:00:18,230 --> 00:00:20,750
Ini bisa menjadi fungsi yang mengembalikan.

8
00:00:20,760 --> 00:00:29,270
J mengatakan tindakan atau kembali bereaksi, membuat panggilan elemen, atau itu bisa berupa kelas JavaScript yang memiliki metode render.

9
00:00:29,810 --> 00:00:38,420
Jadi tahun ini, jika saya berubah, ini semua akan menjadi aplikasi kelas komponen reaksi yang memperpanjang komponen reaksi.

10
00:00:38,430 --> 00:00:39,140
Itu penting.

11
00:00:39,170 --> 00:00:43,310
Anda harus memperluas komponen Reia dan kemudian Anda harus menambahkan metode render.

12
00:00:43,700 --> 00:00:46,790
Dan dalam metode render Anda mengembalikan G. S. X.

13
00:00:47,090 --> 00:00:50,570
Ini adalah komponen reaksi reguler juga.

14
00:00:50,570 --> 00:00:53,810
Dan jika saya menyelamatkan Anda, Darfor melihat output yang sama seperti sebelumnya.

15
00:00:53,840 --> 00:00:55,820
Ini pada dasarnya bekerja dengan cara yang sama.

16
00:00:56,360 --> 00:01:01,490
Ada beberapa perbedaan teknis yang saya bahas secara terperinci dalam reaksi saya kursus panduan lengkap di

17
00:01:01,850 --> 00:01:02,220
sini.

18
00:01:02,330 --> 00:01:03,440
Itu tidak masalah.

19
00:01:03,770 --> 00:01:09,320
Dalam reaksi modern Anda dapat menggunakan komponen fungsional saja, jadi komponen berbasis fungsi.

20
00:01:09,680 --> 00:01:11,450
Dan karena itu apa yang akan dilakukan dalam kursus ini.

21
00:01:11,510 --> 00:01:13,610
Kami akan menulis setiap komponen sebagai fungsi.

22
00:01:13,940 --> 00:01:15,030
Itu tidak harus dilakukan.

23
00:01:15,140 --> 00:01:19,790
Dan seperti yang saya sebutkan dalam reaksi saya, panduan lengkap, Anda belajar tentang kedua jenis dan bagaimana mereka berbeda.

24
00:01:20,030 --> 00:01:24,050
Tetapi hanya menggunakan komponen fungsi jelas merupakan cara modern menggunakan reaksi.

25
00:01:24,320 --> 00:01:25,910
Dan karena itu cara yang akan kita gunakan.

26
00:01:26,540 --> 00:01:30,430
Tetapi selalu ingat bahwa ini hanyalah fungsi pekerjaan biasa.

27
00:01:30,800 --> 00:01:39,260
Apa yang membuatnya menjadi komponen reaksi adalah bahwa ia mengembalikan J ini sebagai X atau tidak bereaksi membuat elemen logika.

28
00:01:39,290 --> 00:01:44,150
Pada akhirnya di sini, jika kita kembali, katakan saja sebuah objek bukan apa?

29
00:01:44,210 --> 00:01:47,590
Bukan menjadi komponen reaksi dan karenanya Anda mendapatkan kesalahan jika Anda aman.

30
00:01:47,990 --> 00:01:53,990
Itu benar-benar harus J sebagai kode X, sesuatu yang dapat diartikan S. J seperti X seperti ini di sini.

31
00:01:54,380 --> 00:01:56,630
Beginilah cara kerjanya, bekerja.

32
00:01:56,930 --> 00:02:02,750
Dan oleh karena itu saya di sini, ekspor menggali komponen saya sendiri karena ini diperlakukan sebagai komponen dan komponen Anda

33
00:02:02,780 --> 00:02:05,510
sendiri dapat digunakan dalam J juga X juga.

34
00:02:05,570 --> 00:02:10,910
Satu-satunya hal penting di sana adalah bahwa mereka harus mulai dengan huruf kapital di file tempat

35
00:02:10,910 --> 00:02:18,770
Anda menggunakannya dalam J sebagai X, karena ini memberi tahu reaksi bahwa itu bukan dibangun di aplikasi tag H Timal, tidak akan menjadi tag

36
00:02:18,770 --> 00:02:21,560
built in, tetapi itu adalah komponen khusus.

37
00:02:21,740 --> 00:02:26,310
Dan informasi ini penting untuk bereaksi dan karenanya mulai dengan karakter opera.

38
00:02:26,600 --> 00:02:30,210
Tapi kemudian Anda dapat menggunakan komponen kustom apa pun di J adalah X.

39
00:02:30,680 --> 00:02:38,150
Dan yang keren sekarang adalah kita dapat membangun aplikasi kita dari komponen-komponen kecil yang dapat digunakan kembali dan menyusun

40
00:02:38,270 --> 00:02:41,390
antarmuka pengguna kita dengan bantuan komponen-komponen tersebut.

41
00:02:42,060 --> 00:02:43,290
Dan mengapa kita tidak melakukan itu?

42
00:02:43,310 --> 00:02:48,390
Mengapa kita tidak membangun aplikasi reaksi sederhana pertama dan melihat bagaimana hal-hal bekerja bersama di sana?