1
00:00:02,520 --> 00:00:09,390
Jadi apa yang saya bereaksi kait bereaksi kait membantu kami bekerja dengan komponen kami dengan cara yang lebih efisien

2
00:00:09,390 --> 00:00:16,320
Anda bisa mengatakan dalam kursus ini Anda akan belajar bahwa Anda bahkan memiliki komponen fungsional atau berbasis kelas dan bereaksi.

3
00:00:16,320 --> 00:00:23,100
Dan itu adalah kasus sekarang dalam komponen fungsional Anda punya alat peraga dan Anda mengembalikan MJ memiliki kode X

4
00:00:23,100 --> 00:00:29,550
mereka bagus untuk presentasi untuk menyajikan konten Anda tetapi ketika Anda belajar Anda tidak dapat mengubah keadaan internal

5
00:00:29,550 --> 00:00:30,600
di sana.

6
00:00:30,600 --> 00:00:36,180
Jadi yang mereka miliki untuk setiap Komponen Fungsional biasanya difokuskan pada satu atau hanya beberapa

7
00:00:36,180 --> 00:00:41,490
tujuan dan hanya ada untuk mengeluarkan sesuatu yang bisa Anda katakan jika Anda ingin

8
00:00:41,490 --> 00:00:48,360
bereaksi terhadap tombol Anda akan melakukan itu dengan mendapatkan penangan fungsi penunjuk sebagai prop dan kemudian dengan menjalankan fungsi itu

9
00:00:48,570 --> 00:00:54,870
melalui penyangga itu sehingga komponen induk yang pada suatu titik harus menjadi komponen berbasis kelas dapat misalnya mengubah

10
00:00:54,870 --> 00:01:00,930
beberapa keadaan internal pada tombol itu ditekan karena komponen berbasis kelas tidak seperti komponen fungsional tidak hanya

11
00:01:01,230 --> 00:01:07,980
menerima alat peraga tetapi selain itu mereka juga dapat mengelola negara dan negara adalah hal yang berubah yang memicu

12
00:01:07,980 --> 00:01:10,390
perubahan citra atau ketika Anda mengubahnya.

13
00:01:10,710 --> 00:01:16,080
Oleh karena itu logika bisnis Anda biasanya hidup dalam komponen berbasis kelas karena biasanya ketika sesuatu

14
00:01:16,080 --> 00:01:21,870
perubahan yang Anda ingin kembali vendor dan komponen berbasis kelas adalah satu-satunya komponen yang dapat memiliki sesuatu

15
00:01:21,870 --> 00:01:24,200
yang berubah dan menyebabkan Harry render.

16
00:01:24,240 --> 00:01:29,310
Oleh karena itu, Anda biasanya menggunakan komponen berbasis kelas untuk mengatur komponen Anda dan secara keseluruhan Anda

17
00:01:29,310 --> 00:01:32,390
memiliki komponen berbasis kelas dan fungsional yang bekerja bersama.

18
00:01:32,430 --> 00:01:37,950
Sekarang dengan semua berada pada titik di mana kami memiliki komponen fungsional dan tiba-tiba

19
00:01:37,950 --> 00:01:44,970
kami perlu mengelola beberapa keadaan di sana misalnya Anda memiliki input di sana dan Anda ingin menyimpan input yang dimasukkan

20
00:01:45,030 --> 00:01:50,760
pengguna di negara Anda dan mengirimkannya kembali ke masukan itu adalah klasik dua hal yang mengikat.

21
00:01:50,760 --> 00:01:55,530
Sekarang dalam kasus seperti itu Anda harus mengubah komponen fungsional Anda menjadi yang berbasis kelas tetapi

22
00:01:56,040 --> 00:01:59,970
tentu saja konversi ini mengganggu itu banyak pekerjaan yang berlebihan pada akhirnya.

23
00:01:59,970 --> 00:02:05,400
Sekarang selain mengelola komponen berbasis kelas negara semua adalah satu-satunya komponen yang dapat

24
00:02:05,400 --> 00:02:11,980
memiliki metode siklus hidup yang juga disebut kait siklus hidup yang tidak harus dikacaukan dengan kait reaktif.

25
00:02:12,010 --> 00:02:18,370
Sekarang kait siklus hidup ini atau metode siklus hidup juga bisa sulit untuk digunakan, mungkin mengganggu untuk menambahkan

26
00:02:18,370 --> 00:02:23,770
komponen yang membuat komponen diperbarui dan memastikan bahwa Anda menjalankan logika yang tepat pada

27
00:02:23,770 --> 00:02:30,820
titik waktu yang tepat dan mungkin menambahkan yang benar jika memeriksa ke lebar tidak perlu pengingat atau loop tak

28
00:02:30,820 --> 00:02:37,180
terbatas dan untuk alasan-alasan ini misalnya untuk menyingkirkan konversi kami telah bereaksi kait karena tipuan reaksi pada

29
00:02:37,180 --> 00:02:40,750
dasarnya memungkinkan kami untuk bekerja dengan komponen fungsional saja.

30
00:02:40,750 --> 00:02:41,860
Ya itu betul.

31
00:02:41,980 --> 00:02:47,380
Ketika bekerja dengan fitur baru ini, Anda tidak perlu membangun komponen berbasis kelas lagi yang masih

32
00:02:47,380 --> 00:02:49,650
bisa tetapi Anda tidak harus melakukannya.

33
00:02:49,690 --> 00:02:55,900
Anda sekarang dapat membuat semuanya berfungsi dan komponen fungsional yang sebelumnya memerlukan komponen berbasis kelas

34
00:02:56,590 --> 00:03:02,800
sehingga Anda dapat menulis komponen fungsional di mana-mana dan kait menggantikan fungsionalitas kelas saja mereka

35
00:03:02,800 --> 00:03:10,240
menggantikan manajemen negara dan mereka mengganti kait siklus hidup karena Anda akan belajar dalam modul ini sekarang bereaksi

36
00:03:10,240 --> 00:03:17,560
kait mereka sendiri pada akhirnya hanya fungsi JavaScript bukan fungsi komponen yang hanya dapat digunakan di dalam komponen

37
00:03:17,560 --> 00:03:23,230
fungsional atau di dalam kait lain karena ternyata dan karena Anda akan mempelajari modul

38
00:03:23,230 --> 00:03:27,360
ini juga Anda juga dapat menulis kait Anda sendiri.

39
00:03:27,400 --> 00:03:34,720
Sekarang bagaimana Anda mengenali kait reaksi bereaksi kait adalah fungsi JavaScript bernama seperti ini dimulai dengan penggunaan

40
00:03:34,720 --> 00:03:40,840
huruf kecil dan kemudian nama fungsi Anda sesuatu seperti Gunakan negara dan sebagainya.

41
00:03:40,840 --> 00:03:43,810
Anda akan melihat banyak kaitan di seluruh modul ini.

42
00:03:43,960 --> 00:03:47,170
Tentu saja itu hanya aturan yang dibuat oleh tim REACT.

43
00:03:47,170 --> 00:03:54,580
Ini bukan hal javascript teknis, itu bukan aturan keras yang dikenakan pada Anda oleh bahasa oleh javascript itu

44
00:03:54,580 --> 00:04:02,290
hanya aturan tim REACT datang dengan kait bernama seperti ini dan proyek reaksi modern dibangun dalam pinjaman yang

45
00:04:02,290 --> 00:04:09,430
secara otomatis memeriksa kode yang pada dasarnya akan memeriksa kenali fungsi-fungsi tersebut dan pada Anda jika

46
00:04:09,580 --> 00:04:14,590
Anda menggunakannya secara salah atau jika Anda menggunakan hook di tempat

47
00:04:14,590 --> 00:04:23,190
di mana Anda tidak dimaksudkan untuk menggunakannya misalnya dalam fungsi javascript non hook normal, ide dibalik reaksi tipuan sudah mati.

48
00:04:23,340 --> 00:04:29,580
Anda tidak dapat mengekspos fungsionalitas penuh negara tertentu mungkin untuk komponen fungsional seperti mengelola

49
00:04:29,580 --> 00:04:36,110
negara tetapi juga suka menambahkan metode siklus hidup sedikit berbeda daripada dengan komponen berbasis kelas.

50
00:04:36,120 --> 00:04:40,990
Tetapi pada akhirnya Anda bisa membuat semuanya berfungsi sehingga Anda bisa membuat komponen berbasis kelas pekerja.

51
00:04:41,010 --> 00:04:44,840
Kait sangat dapat digunakan kembali dan itulah gagasan inti kami di belakangnya.

52
00:04:44,880 --> 00:04:51,600
Anda dapat menggunakan satu dan pengait yang sama di beberapa komponen fungsional atau pengait lainnya di setiap tempat yang menggunakan

53
00:04:51,600 --> 00:04:54,410
pengait yang menggunakannya secara independen dari tempat lain.

54
00:04:54,440 --> 00:05:01,710
Jadi, Anda tidak menggunakan pengait untuk berbagi data antar komponen, tetapi Anda cukup berbagi fungsionalitas

55
00:05:01,770 --> 00:05:03,030
antar komponen.

56
00:05:03,030 --> 00:05:08,160
Itu perbedaan Anda dapat menambahkan logika tertentu ke beberapa komponen tetapi setiap komponen

57
00:05:08,160 --> 00:05:10,600
kemudian akan menjalankan logika itu sendiri.

58
00:05:10,650 --> 00:05:15,900
Jadi, untuk meringkasnya, kait memungkinkan Anda untuk menambahkan status dua komponen fungsional meskipun metode siklus

59
00:05:15,900 --> 00:05:22,920
menggunakan dua komponen fungsional dan Anda dapat berbagi logika di seluruh komponen dengan kait dan logika itu bahkan dapat dinyatakan

60
00:05:22,950 --> 00:05:26,970
penuh dan semua itu tentu saja akan lebih masuk akal.

61
00:05:26,970 --> 00:05:33,250
Semakin dalam kita menyelami UX untuk modul ini, jadi itu hanya ringkasan pertama yang kasar di sini, penting

62
00:05:33,250 --> 00:05:37,870
untuk diingat bahwa reaksi kait tidak ada hubungannya dengan metode siklus hidup.

63
00:05:37,990 --> 00:05:44,470
Anda tidak dapat benar-benar mengganti metode siklus hidup dengan kait tetapi nama reaksi Hooks tidak ada hubungannya dengan

64
00:05:44,680 --> 00:05:45,820
kait siklus hidup.

65
00:05:45,820 --> 00:05:53,670
Ini adalah kait reaksi kait yang berbeda atau hanya kait yang disebut kait karena Anda menghubungkan t fungsional tertentu

66
00:05:53,670 --> 00:06:00,870
ke dalam komponen fungsional Anda atau Anda menghubungkan ke fungsionalitas reaksi tertentu jika Anda akan kait siklus

67
00:06:00,910 --> 00:06:07,120
hidup benar-benar hanya sinonim untuk metode siklus hidup dan mereka terbatas pada kelas komponen berbasis

68
00:06:07,120 --> 00:06:09,060
jadi jangan bingung ini.

69
00:06:09,280 --> 00:06:15,460
Penting juga untuk diingat atau untuk memahami bahwa kait reaksi Fitur ini diperkenalkan dengan reaksi

70
00:06:15,460 --> 00:06:17,240
enam belas titik delapan.

71
00:06:17,290 --> 00:06:23,100
Jadi, jika Anda memiliki proyek yang berjalan pada kesadaran awal bereaksi Anda tidak dapat menggunakan kait reaksi.

72
00:06:23,170 --> 00:06:28,030
Anda dapat menggunakan semua hal lain yang Anda pelajari dalam kursus ini tetapi Anda tidak dapat

73
00:06:28,030 --> 00:06:33,790
menggunakan tweak reaksi. Anda tidak dapat menggunakan apa yang akan Anda pelajari dalam modul ini, mereka memungkinkan Anda untuk

74
00:06:33,790 --> 00:06:40,570
menggunakan komponen fungsional saja dan Anda dapat menggunakannya untuk mengelola keadaan atau juga untuk efek samping misalnya untuk mengirim permintaan HBP dan kemudian

75
00:06:40,570 --> 00:06:42,190
menangani respons dari permintaan ini.

76
00:06:42,280 --> 00:06:47,980
Anda dapat semua hook kustom yang dibuat untuk berbagi logika keadaan penuh atau stateless di beberapa komponen dan

77
00:06:48,190 --> 00:06:50,920
kita semua akan melakukan ini dalam modul ini.

78
00:06:50,920 --> 00:06:53,120
Jadi sekarang ini adalah ikhtisar pertama.

79
00:06:53,140 --> 00:06:59,740
Jelas masih belum jelas apa sebenarnya reaktan itu dan bagaimana Anda menggunakannya.

80
00:06:59,740 --> 00:07:05,350
Jadi karena itu mari selami proyek dummy dan mulai menggunakannya Saya pikir itu membuatnya lebih mudah untuk belajar kait

81
00:07:05,350 --> 00:07:05,950
reaksi.