1
00:00:02,410 --> 00:00:05,770
Bisa dibilang ada sekitar tiga cara membangun aplikasi React

2
00:00:05,770 --> 00:00:09,420
Native - satu adalah dengan expo dengan apa yang disebut alur

3
00:00:09,430 --> 00:00:14,920
kerja terkelola, itulah pendekatan yang kami gunakan dalam kursus dan ini memiliki semacam garis putus-putus di

4
00:00:14,920 --> 00:00:20,290
sekitarnya karena ini tidak benar-benar alternatif untuk membangun aplikasi non-expo, ini tentu saja mencakup expo

5
00:00:20,440 --> 00:00:21,440
sebagai gantinya,

6
00:00:21,450 --> 00:00:27,190
itu adalah pendekatan yang kami gunakan dalam kursus. Mudah digunakan, memiliki hampir nol pengaturan, ini bekerja di luar kotak,

7
00:00:27,190 --> 00:00:33,250
Anda dapat dengan mudah menguji aplikasi pada perangkat nyata, Anda punya banyak modul asli yang dibangun di mana super mudah untuk menginstal dan digunakan.

8
00:00:33,730 --> 00:00:39,610
Ini dikontrol dengan expo CLI, Anda cukup mengetikkan npm start atau expo start, Anda memiliki alat dev expo di

9
00:00:39,610 --> 00:00:46,710
browser, mudah dijalankan di simulator dan perangkat nyata dan Anda masih bisa mendapatkan aplikasi mandiri yang dapat Anda gunakan, yang seperti yang

10
00:00:46,720 --> 00:00:53,080
saya jelaskan berisi klien pameran sebagai bungkusnya bisa dikatakan. Karena Anda juga dapat dengan mudah

11
00:00:53,080 --> 00:00:58,510
mengujinya di perangkat nyata, Anda secara teknis bahkan tidak perlu menginstal Android

12
00:00:58,600 --> 00:01:05,530
Studio atau Xcode untuk membangun aplikasi dengan expo. Saya memang menginstalnya dan saya semacam menginstruksikan Anda untuk juga menginstalnya

13
00:01:05,630 --> 00:01:11,320
untuk kursus ini sehingga kami dapat memutar simulator dan mengujinya di sana karena saya tidak selalu ingin mengujinya pada

14
00:01:11,320 --> 00:01:16,990
perangkat nyata dan merekam layar itu tetapi Anda tidak t perlu melakukan itu, Anda dapat mengujinya pada perangkat nyata

15
00:01:16,990 --> 00:01:20,360
dengan aplikasi klien expo diinstal hanya di sana, jadi itu sesuatu

16
00:01:20,410 --> 00:01:23,120
yang dapat Anda lakukan. Sekarang ini pendekatan

17
00:01:23,200 --> 00:01:28,810
yang kami gunakan tetapi tentu saja ini adalah aplikasi berat expo, ini adalah aplikasi yang

18
00:01:28,840 --> 00:01:33,590
sepenuhnya ada di ekosistem expo dengan semua batasan atau kerugian yang saya uraikan.

19
00:01:33,640 --> 00:01:39,610
Sekarang alternatif untuk itu adalah bahwa Anda masih menggunakan expo tetapi yang disebut alur kerja kosong atau bahwa

20
00:01:39,610 --> 00:01:44,380
Anda membangun aplikasi React Native tanpa expo sama sekali dengan React Native CLI.

21
00:01:44,610 --> 00:01:51,720
Sekarang hal alur kerja expo telanjang dapat dibuat dari awal atau dengan mengeluarkan dari alur kerja yang dikelola dan itu adalah sesuatu

22
00:01:51,720 --> 00:01:55,080
yang saya juga akan menunjukkan kepada Anda dalam modul ini.

23
00:01:55,110 --> 00:02:01,530
Sekarang ketika Anda membangun aplikasi dengan alur kerja kosong, Anda mendapatkan aplikasi non-expo, Anda membangun aplikasi asli seperti yang

24
00:02:01,530 --> 00:02:03,490
Anda akan membangun dengan React

25
00:02:03,520 --> 00:02:05,950
Native CLI, sehingga Anda mendapatkan dasar yang

26
00:02:05,970 --> 00:02:13,920
sama di sana, perbedaannya adalah Anda masih bisa gunakan paket expo khusus. Menginstalnya sedikit lebih kompleks daripada ketika Anda berada dalam

27
00:02:13,920 --> 00:02:20,040
alur kerja yang dikelola, Anda perlu melakukan lebih banyak pekerjaan kawat manual, setidaknya untuk beberapa

28
00:02:20,040 --> 00:02:27,330
paket tetapi banyak, tidak semua tetapi banyak paket expo yang termasuk dalam alur kerja yang dikelola tersedia sebagai

29
00:02:27,420 --> 00:02:32,560
paket mandiri yang dapat Anda bawa ke aplikasi React Native juga dan

30
00:02:32,640 --> 00:02:38,480
tim expo berupaya membuat semakin banyak paket tersedia di luar alur kerja yang dikelola.

31
00:02:38,970 --> 00:02:45,450
Jadi Anda bisa membawanya dan dengan alur kerja kosong, relatif mudah untuk menambahkan paket-paket ini, tidak semudah dan secepat dalam

32
00:02:45,450 --> 00:02:50,870
alur kerja kelola tetapi tetap, sangat mudah. Saat membuat aplikasi tanpa expo sama sekali, dengan React

33
00:02:50,890 --> 00:02:51,900
Native CLI, Anda

34
00:02:51,930 --> 00:02:58,420
masih dapat membawa paket-paket ini, tetapi kemudian diperlukan lebih banyak pengaturan manual. Sekarang seperti yang saya katakan, itu relatif mudah untuk

35
00:02:58,420 --> 00:03:01,660
mengkonfigurasi dan mengelola dalam alur kerja kosong, Anda harus

36
00:03:01,660 --> 00:03:04,610
mengelola lebih banyak dalam alur kerja React

37
00:03:04,630 --> 00:03:12,790
Native CLI, jadi di sana Anda benar-benar membangun semuanya tanpa dukungan expo. Mengenai modul asli yang Anda gunakan, Anda dapat menggunakan modul asli

38
00:03:13,480 --> 00:03:19,540
apa pun yang Anda inginkan, juga yang non-expo, Anda dapat membawa paket-paket expo khusus yang perlu Anda

39
00:03:19,540 --> 00:03:23,620
pasang secara manual tetapi Anda dapat membawa modul asli lainnya.

40
00:03:23,620 --> 00:03:28,480
Sekarang ketika kita datang untuk membangun aplikasi dan mendistribusikannya, dengan alur kerja terkelola

41
00:03:28,480 --> 00:03:35,650
yang akan Anda lihat dalam modul penerapan yang super mudah dilakukan, dengan alur kerja kosong itu sedikit "lebih sulit" dalam tanda

42
00:03:35,650 --> 00:03:42,700
kutip, itu membutuhkan lebih banyak pekerjaan dengan Android Studio dan Xcode dan itu tidak semudah dengan alur kerja yang dikelola

43
00:03:42,940 --> 00:03:48,670
expo, Anda juga misalnya dan itu satu batasan penting, Anda tidak akan dapat membangun aplikasi iOS

44
00:03:48,670 --> 00:03:49,520
pada Windows.

45
00:03:49,660 --> 00:03:54,910
Itu mungkin dalam alur kerja yang dikelola karena build tidak akan terjadi pada mesin Anda di sana

46
00:03:54,910 --> 00:04:00,160
tetapi di cloud, dengan alur kerja kosong dan dengan CLI Native Native, Anda bertanggung jawab untuk membangun

47
00:04:00,160 --> 00:04:05,260
aplikasi dan karenanya, Anda harus melakukannya secara lokal pada mesin Anda dan karena itu pembatasan Apple,

48
00:04:05,260 --> 00:04:10,320
Anda tidak akan dapat membangun aplikasi iOS di Windows atau Linux, jadi itu satu hal

49
00:04:10,330 --> 00:04:12,630
yang perlu diingat di sana juga.

50
00:04:12,670 --> 00:04:14,820
Jadi Anda melakukan semuanya sendiri di sana,

51
00:04:14,950 --> 00:04:20,320
jadi Anda perlu alat ini diinstal dan sementara Anda tidak akan menggunakannya untuk menulis kode, Anda perlu sedikit bermain-main di

52
00:04:20,320 --> 00:04:29,830
dalamnya dan Anda akan menggunakannya untuk kemudian membangun aplikasi dan menyebarkan itu pada akhirnya. Ini adalah alternatifnya.

53
00:04:29,830 --> 00:04:35,050
Sekarang untuk penyebaran, saya akan memiliki modul terpisah di mana saya melihat bagaimana cara kerjanya dengan alur kerja yang dikelola

54
00:04:35,050 --> 00:04:36,700
dan juga tanpa alur kerja yang

55
00:04:36,820 --> 00:04:39,820
dikelola, jadi itu bukan sesuatu yang akan saya fokuskan dalam modul ini,

56
00:04:39,820 --> 00:04:45,130
sebagai gantinya dalam modul ini saya ingin untuk menunjukkan kepada Anda bagaimana Anda membangun sebuah aplikasi dengan React Native CLI, bagaimana

57
00:04:45,140 --> 00:04:50,350
Anda juga membangunnya dengan expo dalam alur kerja kosong dan bagaimana Anda dapat mengeluarkan dari alur kerja yang dikelola ke

58
00:04:50,350 --> 00:04:51,280
alur kerja kosong.

59
00:04:51,280 --> 00:04:56,560
Kami juga akan melihat bagaimana Anda dapat menambahkan beberapa fitur perangkat asli di dua alternatif ini karena itu

60
00:04:56,590 --> 00:05:00,390
adalah bagian di mana sebagian besar berbeda dari alur kerja yang dikelola.

61
00:05:00,540 --> 00:05:05,130
Cara Anda menulis komponen dan seterusnya dan komponen mana yang Anda gunakan dari React Native, itu tidak berbeda sama

62
00:05:05,130 --> 00:05:10,710
sekali karena tidak ada yang spesifik tentang expo di dalamnya. Dengan kata lain, jika kita melihat

63
00:05:10,710 --> 00:05:14,370
proyek yang telah kita kerjakan sebelumnya, proyek modul asli ini,

64
00:05:14,370 --> 00:05:20,100
pada dasarnya apa yang akan Anda kehilangan ketika Anda tidak menggunakan alur kerja yang dikelola

65
00:05:20,460 --> 00:05:24,960
adalah semua impor terkait pameran, semua yang Anda Sedang mengimpor dari expo,

66
00:05:25,080 --> 00:05:31,290
bahwa pada dasarnya adalah sesuatu yang sekarang lebih sulit atau yang sekarang perlu Anda lakukan secara berbeda.

67
00:05:31,290 --> 00:05:36,540
Jika Anda tidak menggunakan expo seperti dalam file ini, file seperti itu tidak perlu diubah sama sekali,

68
00:05:36,540 --> 00:05:42,120
hanya file di mana Anda menggunakan sesuatu dari expo perlu disesuaikan atau perlu diimplementasikan secara berbeda saat tidak menggunakan

69
00:05:42,240 --> 00:05:48,190
alur kerja yang dikelola atau menjadi tepatnya, Anda mungkin tidak dapat menggunakan paket-paket tertentu lagi atau Anda masih dapat menggunakannya

70
00:05:48,270 --> 00:05:52,810
dan Anda mungkin bahkan tidak perlu menyentuh kode sama sekali, tetapi untuk menggunakannya Anda harus

71
00:05:52,920 --> 00:05:58,020
melakukan lebih banyak pekerjaan pengaturan manual daripada yang Anda perlukan lakukan dengan expo dan alur kerja

72
00:05:58,020 --> 00:05:58,910
yang dikelola.