1
00:00:02,380 --> 00:00:07,720
Jadi kami belajar bahwa kami harus menunjukkan Transvaal dan saya dapat memberi tahu Anda bahwa file ini pada akhirnya menyertakan

2
00:00:07,720 --> 00:00:09,280
Decode, yang dijalankan pertama kali.

3
00:00:09,310 --> 00:00:16,300
Ketika kita memulai aplikasi kita dan ini membuat benda aneh ini menjadi tempat d'Hiv ini di sini.

4
00:00:16,780 --> 00:00:19,480
Sekarang apa itu aplikasi aneh di sini.

5
00:00:20,170 --> 00:00:24,920
Mengimpor kembali aplikasi dari file aplikasi ini Bahasa India dari file aplikasi Shreyas.

6
00:00:24,970 --> 00:00:27,640
Karena ekstensi ditambahkan secara otomatis pada impor.

7
00:00:28,410 --> 00:00:31,360
Yang kami miliki pada akhirnya adalah fungsi JavaScript.

8
00:00:31,510 --> 00:00:35,200
Ini adalah fungsi reguler, fungsi panah disimpan dan konstan.

9
00:00:35,620 --> 00:00:40,330
Dan kemudian kita mengekspor konstanta ini dan oleh karena itu fungsinya cukup mudah.

10
00:00:40,540 --> 00:00:43,120
Tetapi hal di dalam fungsi itu tidak langsung.

11
00:00:43,530 --> 00:00:50,770
Apa yang kita kembalikan di sini terlihat seperti usia, Timal, sama seperti ini terlihat seperti usia html, tetapi itu dalam file

12
00:00:50,770 --> 00:00:51,250
JavaScript.

13
00:00:51,250 --> 00:00:52,480
Tidak boleh h html.

14
00:00:52,540 --> 00:00:52,750
Baik.

15
00:00:52,780 --> 00:00:55,330
Anda tidak dapat menambahkan html dalam file JavaScript.

16
00:00:56,230 --> 00:00:59,330
Itu sintaks khusus yang ditemukan oleh tim Bereaksi.

17
00:00:59,350 --> 00:01:01,090
Ini disebut J sebagai X ..

18
00:01:01,480 --> 00:01:08,530
Dan itu memungkinkan kita mengirim email ke kode tampak dalam file JavaScript di bawah tenda.

19
00:01:08,560 --> 00:01:14,350
Ini akan diterjemahkan ke instruksi bereaksi memahami secara rinci.

20
00:01:14,380 --> 00:01:24,160
Tahun ini mirip dengan bereaksi membuat elemen, metode yang disediakan pada objek reaksi ini di sini dan kemudian di sini.

21
00:01:25,480 --> 00:01:26,320
Umur satu.

22
00:01:27,100 --> 00:01:27,970
Dan kemudian di sini.

23
00:01:30,190 --> 00:01:30,760
Tidak.

24
00:01:31,130 --> 00:01:32,390
Atau benda kosong.

25
00:01:32,750 --> 00:01:36,860
Dan kemudian ada argumen ketiga, teks Anda di sini, misalnya.

26
00:01:36,950 --> 00:01:37,520
Hai.

27
00:01:38,510 --> 00:01:40,020
Ini bereaksi.

28
00:01:42,050 --> 00:01:45,650
Teks berbeda dari sebelumnya, tetapi akan menampilkan sesuatu yang serupa di layar.

29
00:01:46,220 --> 00:01:49,040
Ini akan menghasilkan hasil yang sama dan saya bisa membuktikannya kepada Anda.

30
00:01:49,400 --> 00:01:55,430
Jika kami cukup memulai server pengembangan kami dan mencoba melihat aplikasi ini dan bertindak untuk memulainya dan paket untuk mengejar

31
00:01:55,430 --> 00:01:59,480
file, kami menemukan skrip untuk memulai skrip, yang sudah ada di sana.

32
00:01:59,870 --> 00:02:02,000
Dan ini akan, pada akhirnya, menggunakan alat itu.

33
00:02:02,030 --> 00:02:07,310
Saya sebutkan sebelumnya untuk kemudian mengubah kode kami dan memulai server pengembangan yang secara otomatis

34
00:02:07,310 --> 00:02:10,640
memuat ulang atau menyuntikkan perubahan ketika kami mengubah sesuatu.

35
00:02:11,210 --> 00:02:15,710
Jadi di sini kita dapat membuka terminal baru yang terintegrasi dengan ide ini.

36
00:02:17,040 --> 00:02:20,110
Dan mereka berada di NPM mulai memunculkan server pengembangan itu.

37
00:02:20,500 --> 00:02:25,510
Dan Anda harus menjaga server itu tetap aktif selama Anda bekerja pada kode Anda, karena ketika Anda

38
00:02:25,510 --> 00:02:29,050
menutupnya, Anda tidak dapat melihat halaman Anda lagi, aplikasi Anda lagi.

39
00:02:29,980 --> 00:02:34,750
Sekarang, ketika Anda memulai server ini, ketika Anda menjalankan mulai npm, itu akan secara otomatis membuka

40
00:02:34,750 --> 00:02:36,910
tab baru di browser di localhost 3000.

41
00:02:37,150 --> 00:02:41,320
Jika tidak hanya melakukannya sendiri dan dikunjungi dan sayang, Anda harus melihat sembunyi.

42
00:02:41,350 --> 00:02:44,560
Ini bereaksi, yang jelas adalah teks yang saya masukkan di sini.

43
00:02:45,430 --> 00:02:51,970
Jadi pada akhir tahun ini adalah React Syntex dan kita bisa menulis seluruh aplikasi kita dengan sintaks ini.

44
00:02:52,180 --> 00:02:57,760
Tapi ini menjadi sangat rumit, terutama jika kita mulai bersarang elemen satu sama lain.

45
00:02:58,270 --> 00:03:05,170
Itu sebabnya Bereaksi memberi kita alternatif ini J. S. Sintaks X, yang pada akhirnya hanya diterjemahkan untuk bereaksi,

46
00:03:05,170 --> 00:03:07,930
membuat elemen dan kemudian apa yang baru saja saya tunjukkan kepada Anda.

47
00:03:08,380 --> 00:03:13,420
Itu juga mengapa kita perlu mengimpor reaksi di sini, meskipun sepertinya kita tidak menggunakan objek reaksi ini di

48
00:03:13,450 --> 00:03:15,070
mana pun dalam file ini.

49
00:03:15,150 --> 00:03:15,340
Baik.

50
00:03:15,430 --> 00:03:18,280
Kami harus bereaksi teks di sini, tapi itu sesuatu yang berbeda.

51
00:03:18,610 --> 00:03:20,470
Jadi kami tidak menggunakannya di mana pun dalam file ini.

52
00:03:20,710 --> 00:03:24,820
Yah, itu digunakan secara implisit karena ini hanya gula sintaksis.

53
00:03:24,940 --> 00:03:28,090
Pada akhirnya, ini diterjemahkan ke dalam sintaks yang jelas.

54
00:03:28,180 --> 00:03:28,780
Saya menunjukkan kepada Anda.

55
00:03:29,230 --> 00:03:31,060
Dan itu adalah tentang reaktor.

56
00:03:31,450 --> 00:03:34,090
Kami memberi tahu bereaksi elemen mana yang harus disajikan.

57
00:03:34,420 --> 00:03:40,300
Dan di bawah tenda itu maka kita akan menerjemahkan ini menjadi perintah yang DOM mengerti, bahwa

58
00:03:40,300 --> 00:03:43,270
browser mengerti untuk merender elemen DOM yang sebenarnya.

59
00:03:43,900 --> 00:03:49,840
Sekarang, misalnya, jika saya menambahkan judul di sini, yang memberi kita tooltip yang dibangun ke dalam browser, pada

60
00:03:49,840 --> 00:03:50,320
dasarnya.

61
00:03:51,580 --> 00:03:54,130
Ini berfungsi dan saya simpan ini.

62
00:03:54,550 --> 00:03:55,540
Secara otomatis memuat ulang.

63
00:03:55,570 --> 00:03:58,360
Anda tidak perlu melakukannya sendiri dan sekarang harus mengarahkan ini.

64
00:03:58,570 --> 00:03:59,590
Anda melihat tooltip ini.

65
00:03:59,740 --> 00:04:04,000
Ini berfungsi sangat kecil di sini, tetapi Anda dapat melihatnya jika Anda menguji ini pada sistem Anda sendiri.

66
00:04:04,940 --> 00:04:11,600
Sekarang, ini berhasil karena ayah, pada akhirnya diterjemahkan untuk bereaksi, membuat elemen.

67
00:04:13,650 --> 00:04:17,750
Umur satu, lalu objek, yang kami biarkan kosong di sini.

68
00:04:18,150 --> 00:04:24,090
Kita atur atribut atau properti yang ingin kita atur pada simpul DOM itu, yang dibuat di sini dalam

69
00:04:24,090 --> 00:04:26,310
kasus ini, judul dua, ini berfungsi.

70
00:04:26,520 --> 00:04:28,380
Dan kemudian, kita memiliki teks.

71
00:04:28,740 --> 00:04:30,270
Beginilah cara kerjanya dan bereaksi.

72
00:04:30,270 --> 00:04:31,510
Kami akan melakukan semua yang perlu dilakukan.

73
00:04:31,530 --> 00:04:32,820
Ini akan membuat elemen ini.

74
00:04:33,210 --> 00:04:36,180
Ini akan mengatur semua properti atau atribut ini di sini.

75
00:04:36,540 --> 00:04:38,950
Dan itu akan membuat argumen terakhir di sini.

76
00:04:39,270 --> 00:04:40,890
Di dalam elemen yang dibuat itu.

77
00:04:41,310 --> 00:04:47,340
Dan itu juga bagian di mana J adalah kode X membantu kita, karena jika di sini kita

78
00:04:47,430 --> 00:04:49,290
memiliki, katakanlah, elemen Html lain.

79
00:04:49,620 --> 00:04:56,010
Kami harus membuat sarang beberapa reaksi, membuat panggilan elemen satu sama lain, yang dengan cepat menjadi sangat

80
00:04:56,340 --> 00:04:57,510
sulit untuk dikelola.

81
00:04:57,540 --> 00:05:00,200
Itu sebabnya indeks J adalah X.

82
00:05:00,210 --> 00:05:02,460
Ini ide bagus, penemuan hebat.

83
00:05:03,000 --> 00:05:05,980
Jadi kita akan menggunakan sintaks dan kita juga digunakan di sini di Index J.

84
00:05:05,980 --> 00:05:06,320
S.

85
00:05:06,570 --> 00:05:10,640
Perbedaannya adalah bahwa di sini kita tidak menggunakannya dengan H. normal

86
00:05:10,690 --> 00:05:11,850
Elemen Dom timal.

87
00:05:12,180 --> 00:05:20,520
Tetapi sebaliknya di sini kita menggunakan fungsi khusus karena kita menggunakan apa yang diekspor dalam aperture sebagai file.

88
00:05:21,060 --> 00:05:24,180
Dan apa yang kami ekspor ada fungsi JavaScript normal.

89
00:05:24,840 --> 00:05:29,060
Nah, itu adalah salah satu konsep komponen reaksi yang paling penting.