1
00:00:02,270 --> 00:00:07,850
Untuk ini, saya akan membuat proyek baru lagi dengan expo, expo init dan kemudian nama pilihan Anda dan

2
00:00:07,880 --> 00:00:13,040
saya akan menamainya rn-complete-guide karena pada akhirnya, ini adalah panduan asli React Native yang Anda Saya sudah

3
00:00:13,040 --> 00:00:16,790
sampai di sini dan saya akan mulai dengan template kosong di sini,

4
00:00:16,810 --> 00:00:22,700
sehingga opsi pertama dalam kasus saya di sini. Mengenai namanya, saya akan memberi nama panduan ini tetapi Anda

5
00:00:22,700 --> 00:00:29,570
dapat memilih nama yang Anda inginkan di sini, cukup tekan enter dan saya akan pergi dengan npm, bukan dengan benang dan sekarang seperti pada bagian kursus

6
00:00:29,570 --> 00:00:33,390
pertama, ini akan membuat yang baru memproyeksikan dan mengatur aplikasi Bereaksi Asli di sana.

7
00:00:33,410 --> 00:00:37,120
Jadi mari kita tunggu sampai selesai dan setelah selesai, Anda dapat

8
00:00:37,120 --> 00:00:44,040
mengikuti instruksi ini tetapi saya tidak akan melakukan ini di sini, sebagai gantinya di sini saya kembali dalam Visual Studio Code, masih

9
00:00:44,100 --> 00:00:49,020
dengan aplikasi pertama saya dari bagian pertama dibuka dan saya akan buka yang baru sekarang, yang

10
00:00:49,030 --> 00:00:53,750
baru saja kita buat dan di sini adalah proyek dibuka di Visual Studio Code.

11
00:00:53,760 --> 00:00:58,660
Saya berjalan melalui semua file inti dan folder yang kita miliki di sini di modul kursus

12
00:00:58,660 --> 00:00:59,770
pertama, jadi saya

13
00:00:59,970 --> 00:01:05,820
tidak akan mengulangi ini di sini dan dengan yang dibuka di sini di Visual Studio Code, saya sekarang akan benar-benar

14
00:01:05,820 --> 00:01:12,420
pergi ke menu dan kemudian memilih terminal , terminal baru untuk membuka terminal sistem saya atau prompt perintah sistem tergantung pada sistem

15
00:01:12,420 --> 00:01:15,270
operasi mana yang Anda kerjakan di sini di IDE,

16
00:01:15,300 --> 00:01:21,660
jadi itu prompt perintah normal Anda, terminal normal Anda baru saja diintegrasikan ke dalam IDE dan sudah dinavigasi ke folder proyek

17
00:01:21,660 --> 00:01:26,220
itu , jadi Anda tidak perlu menggunakan cd untuk menavigasi ke tempat lain dan sekarang

18
00:01:26,290 --> 00:01:30,520
di sini saya akan menjalankan mulai npm dan ini akan melakukan hal yang sama

19
00:01:30,590 --> 00:01:37,230
seperti jika saya akan menjalankannya di sini, perbedaannya sekarang saya selalu melihat kesalahan atau pesan log langsung di sini di IDE yang

20
00:01:37,230 --> 00:01:38,630
lebih nyaman untuk digunakan.

21
00:01:38,700 --> 00:01:44,360
Kami masih memiliki proses yang harus terus Anda jalankan untuk mendapatkan pembaruan langsung ini saat Anda menyimpan sesuatu.

22
00:01:44,370 --> 00:01:50,130
Anda melihat perintah yang dapat Anda ketik di sini atau pintasan yang dapat Anda tekan untuk

23
00:01:51,260 --> 00:01:59,030
meluncurkan aplikasi Anda pada emulator dan Anda juga memiliki tab browser itu dan menjalankannya di sini untuk aplikasi Anda, alat pengembang expo.

24
00:01:59,030 --> 00:02:05,060
Sekarang saya punya dua emulator dan berjalan di sini, Android dan iOS, Anda tentu saja tidak membutuhkannya, tetapi saya

25
00:02:05,060 --> 00:02:07,380
ingin menunjukkan kepada Anda bagaimana aplikasi

26
00:02:07,440 --> 00:02:15,240
ini berjalan pada keduanya dan saya dapat menjalankan aplikasi ini di Android dengan menekan di sini di terminal dan Saya dapat menjalankannya di iOS juga

27
00:02:15,240 --> 00:02:18,180
dengan menekan saya dan saya melakukan keduanya di sini.

28
00:02:18,180 --> 00:02:23,450
Atau, kita bisa menggunakan tombol-tombol ini di sini di alat pengembang di browser.

29
00:02:23,610 --> 00:02:29,430
Jadi sekarang ini meluncurkan aplikasi di sini di perangkat ini, pada simulator Android dan iOS dan saya

30
00:02:29,430 --> 00:02:32,420
akan kembali setelah selesai karena peluncuran pertama selalu memakan

31
00:02:32,460 --> 00:02:39,830
waktu sedikit lebih lama, pembangunan kembali berikutnya, memuat ulang tentu saja jauh lebih cepat dan di sini, kami membuat aplikasi mulai

32
00:02:39,830 --> 00:02:41,560
berjalan pada emulator ini.

33
00:02:41,700 --> 00:02:47,960
Sekarang dalam kasus yang terlihat sedikit berbeda untuk Anda, terlampir Anda menemukan proyek awal saya persis sama dengan yang

34
00:02:47,960 --> 00:02:51,170
saya miliki di sini sehingga Anda juga dapat menggunakannya,

35
00:02:51,170 --> 00:02:53,820
ganti file dalam proyek Anda dengan milik

36
00:02:53,990 --> 00:02:57,920
saya dan kemudian jika Anda menjalankan mulai npm, lihat ini di sini.

37
00:02:57,920 --> 00:03:02,030
Jadi ini adalah proyek awal yang akan kita mulai dan kita akan kerjakan sekarang.