1 00:00:02,240 --> 00:00:05,200 Jadi sekarang kita memiliki gagasan tentang apa itu 2 00:00:05,390 --> 00:00:11,330 React Native, kita dapat memulai dengan React Native dan saya katakan mari kita mulai dengan membangun aplikasi React 3 00:00:11,330 --> 00:00:15,530 Native pertama kami atau dengan menjalankan aplikasi React Native pertama kami dan berjalan. 4 00:00:15,620 --> 00:00:20,750 Jadi kami ingin membuat aplikasi React Native baru dan ternyata, kami punya dua opsi untuk itu. 5 00:00:21,750 --> 00:00:27,690 Jika Anda mencari React Native, Anda akan menemukan halaman resmi dan pada halaman resmi itu jika Anda 6 00:00:27,690 --> 00:00:31,520 mengklik, saat memulai, Anda sebenarnya memiliki dua opsi di sini. 7 00:00:31,560 --> 00:00:36,630 Anda memiliki awal cepat Expo CLI dan awal cepat React Native CLI. 8 00:00:36,630 --> 00:00:43,080 Sekarang apa bedanya dan pendekatan mana yang harus Anda gunakan dan mengapa dan apa yang akan kita gunakan dalam kursus ini? 9 00:00:44,400 --> 00:00:51,180 Jadi kita dapat menggunakan Expo CLI, alat pameran untuk menghasilkan dan mengelola aplikasi React Native kami atau kami 10 00:00:51,180 --> 00:00:52,870 menggunakan React Native CLI. 11 00:00:53,010 --> 00:00:58,260 Sekarang jika Anda pertama kali memiliki pilihan itu, Anda mungkin akan memilih React Native CLI karena 12 00:00:58,260 --> 00:01:00,810 Anda ingin membangun aplikasi React Native, kan? 13 00:01:00,870 --> 00:01:03,020 Baiklah mari kita lihat apa itu expo. 14 00:01:03,090 --> 00:01:06,150 Ini adalah layanan pihak ketiga yang sepenuhnya gratis untuk 15 00:01:06,150 --> 00:01:11,430 digunakan, Anda tidak perlu mendaftar untuk memulai dan Anda tidak perlu membayar untuk membangun aplikasi yang 16 00:01:11,430 --> 00:01:12,150 dapat Anda 17 00:01:12,180 --> 00:01:18,580 terbitkan ke App Store, jadi itu benar-benar gratis untuk menggunakan. Apa yang diberikan pameran kepada Anda adalah jenis alur kerja pengembangan aplikasi yang dikelola. 18 00:01:18,630 --> 00:01:24,840 Dibutuhkan banyak kerumitan dari Anda karena membangun aplikasi React Native bisa sangat kompleks, terutama 19 00:01:24,840 --> 00:01:31,410 ketika mengintegrasikan fitur perangkat asli tertentu seperti mengakses kamera dan pameran hanya memberi Anda banyak 20 00:01:31,410 --> 00:01:33,070 kenyamanan di sana, 21 00:01:33,090 --> 00:01:37,920 itu membuat pengembangan React Aplikasi asli mudah dan jauh lebih mudah. 22 00:01:37,920 --> 00:01:44,820 Kelemahannya adalah bahwa Anda terbatas pada ekosistem pameran karena pameran pada akhirnya seperti pembungkus yang dapat Anda katakan 23 00:01:44,820 --> 00:01:52,110 di sekitar aplikasi Anda, lapisan ekstra tipis antara aplikasi Anda dan pengalaman asli asli Bereaksi Asli dan Anda masih 24 00:01:52,680 --> 00:01:57,810 mendapatkan aplikasi asli di akhir dan Anda masih menggunakan React Native di bawah 25 00:01:57,810 --> 00:02:04,530 tenda, itu semua terjadi tetapi mengekspos abstrak beberapa kompleksitas, yang juga berarti tentu saja menghilangkan beberapa kontrol terdegradasi 26 00:02:04,530 --> 00:02:11,450 yang biasanya Anda miliki jika Anda membangun aplikasi asli React Native karena jika kami melihat alur kerja lainnya, 27 00:02:11,450 --> 00:02:17,390 React Native CLI, yang pada akhirnya dikelola oleh tim React Native atau bagian dari komunitas 28 00:02:17,420 --> 00:02:19,580 React Native dan di sana 29 00:02:19,640 --> 00:02:25,670 Anda memiliki pengaturan pengembangan barebone, yang berarti Anda mendapatkan aplikasi asli, Anda perlu untuk menginstal Android 30 00:02:25,700 --> 00:02:32,420 Studio, Anda perlu menginstal Xcode untuk membangun aplikasi itu dan Anda perlu mengkonfigurasi dan mengelola banyak hal 31 00:02:32,420 --> 00:02:33,190 sendiri. 32 00:02:33,290 --> 00:02:38,990 Segera setelah Anda mulai menambahkan fitur perangkat asli tertentu, seperti katakanlah segera setelah Anda ingin menggunakan 33 00:02:38,990 --> 00:02:44,540 kamera perangkat, Anda harus membawa paket pihak ketiga di mana proses pengaturannya bisa sangat kompleks dan 34 00:02:44,540 --> 00:02:47,600 oleh karena itu, ini bisa menjadi lebih rumit. 35 00:02:47,600 --> 00:02:53,570 Anda hampir tidak memiliki fitur kenyamanan atau utilitas untuk memanfaatkan tetapi tentu saja, keuntungannya adalah Anda memiliki 36 00:02:53,570 --> 00:03:00,050 kontrol penuh, Anda dapat mengontrol setiap bagian kecil, Anda dapat dengan mudah menulis kode Android dan iOS asli 37 00:03:00,080 --> 00:03:03,210 Anda sendiri dan menghubungkan ini ke Javascript Anda kode, 38 00:03:03,230 --> 00:03:05,390 itu tidak mungkin dengan expo. 39 00:03:05,600 --> 00:03:10,340 Jadi jika Anda adalah pengembang yang sangat canggih dan Anda sudah tahu bahwa Anda 40 00:03:10,370 --> 00:03:17,270 akan membangun aplikasi yang sangat kompleks di mana Anda perlu melakukan banyak solusi manual, banyak konfigurasi yang terdegradasi, maka Anda pasti menginginkan 41 00:03:17,360 --> 00:03:20,150 pengalaman tulang telanjang penuh di sebelah kanan. . 42 00:03:20,240 --> 00:03:25,820 Jika Anda memulai atau jika Anda sedang membangun aplikasi normal, maka Expo CLI kemungkinan besar akan memberikan 43 00:03:25,820 --> 00:03:27,020 semua yang Anda 44 00:03:27,050 --> 00:03:32,060 butuhkan, itu memberi Anda pembungkus untuk fitur perangkat asli paling umum yang Anda butuhkan, seperti 45 00:03:32,060 --> 00:03:32,870 menggunakan kamera, 46 00:03:32,870 --> 00:03:35,330 seperti menggunakan peta , itu semua dibuat 47 00:03:35,330 --> 00:03:42,740 sangat sederhana dan jika Anda pernah sampai pada titik di mana Anda tahu oh saya perlu lebih banyak kontrol, maka Anda selalu dapat 48 00:03:42,800 --> 00:03:45,620 juga beralih dari alur kerja pameran ke alur kerja 49 00:03:45,620 --> 00:03:52,160 asli, Anda dapat mengeluarkan dan kemudian Anda memiliki fleksibilitas penuh. Oleh karena itu, tidak ada yang menentang memulai dengan expo, 50 00:03:52,160 --> 00:03:56,840 Anda selalu dapat beralih ke pengalaman lain jika Anda perlu dan kami akan menggunakan expo dalam 51 00:03:56,840 --> 00:04:02,030 kursus ini karena lebih sederhana, karena memberi Anda semua yang Anda butuhkan untuk sebagian besar aplikasi, karena sangat 52 00:04:02,030 --> 00:04:05,370 banyak lebih nyaman untuk bekerja dengannya dan karena Anda selalu dapat beralih. 53 00:04:05,510 --> 00:04:11,750 Sekarang nanti dalam kursus, saya juga akan memberikan pengantar untuk alur kerja yang lebih bareboned dan apa artinya bagi Anda tetapi 54 00:04:11,840 --> 00:04:17,850 untuk sebagian besar kursus, kami akan bekerja dengan pameran. Di belakang layar, alat pameran ini berfungsi 55 00:04:17,850 --> 00:04:24,390 sedemikian rupa sehingga Anda memiliki perangkat asli atau simulator Anda, sehingga iPhone atau ponsel Android Anda dan Anda 56 00:04:24,390 --> 00:04:27,740 memiliki aplikasi Anda, aplikasi Bereaksi Asli Anda, Anda akan 57 00:04:27,750 --> 00:04:28,700 menulis, jadi 58 00:04:28,710 --> 00:04:35,310 kode Javascript Anda tempat Anda menulis Bereaksi aplikasi Asli. Sekarang di perangkat asli Anda atau di simulator, 59 00:04:35,550 --> 00:04:42,030 Anda akan menginstal aplikasi tambahan dari App Store, aplikasi klien expo dan kami akan melakukannya bersama 60 00:04:42,030 --> 00:04:43,830 di kuliah berikutnya. 61 00:04:43,830 --> 00:04:50,340 Sekarang aplikasi Anda kemudian dapat dimuat ke dalam aplikasi klien yang merupakan pembungkus tambahan ini untuk melihatnya di sana, untuk menjalankannya di 62 00:04:50,340 --> 00:04:51,500 sana, untuk mengujinya 63 00:04:51,510 --> 00:04:54,180 di sana dan itu tentu saja bagus untuk pengembangan. 64 00:04:54,180 --> 00:05:02,070 Anda juga dapat mempublikasikan aplikasi Anda sebagai aplikasi pameran sehingga orang lain yang memasang klien pameran dapat dengan mudah menjalankan aplikasi Anda, mereka bahkan 65 00:05:02,130 --> 00:05:03,500 tidak perlu menginstalnya 66 00:05:03,510 --> 00:05:07,550 dari Google Play Store atau Apple App Store tetapi tentu saja biasanya 67 00:05:07,740 --> 00:05:12,870 Anda ingin untuk membangun aplikasi yang dapat Anda terbitkan ke toko aplikasi ini dan jangan 68 00:05:12,990 --> 00:05:14,880 khawatir, itu mungkin dengan expo juga. 69 00:05:15,120 --> 00:05:20,190 Aplikasi klien tambahan yang Anda miliki, yang membungkus aplikasi Anda, sangat bagus untuk 70 00:05:20,190 --> 00:05:21,800 pengembangan karena mempercepat seluruh 71 00:05:22,080 --> 00:05:28,350 alur kerja pengembangan tetapi jika Anda menginginkan aplikasi mandiri, jadi aplikasi yang tidak mengandalkan klien pameran, yang 72 00:05:28,350 --> 00:05:36,260 sebagian besar dari potensi Anda pengguna mungkin tidak akan menginstal, baik expo juga memungkinkan Anda untuk membangun dan mempublikasikan aplikasi mandiri, jadi 73 00:05:36,330 --> 00:05:43,350 aplikasi yang tidak bergantung pada klien expo yang diinstal. Jadi oleh karena itu dengan expo, Anda dapat membuat 74 00:05:43,350 --> 00:05:49,950 aplikasi yang didistribusikan secara normal ke toko aplikasi normal di mana pengguna Anda tidak memerlukan aplikasi khusus 75 00:05:49,950 --> 00:05:55,390 yang terpasang tetapi Anda memiliki kenyamanan ekstra selama pengembangan yang sangat bagus dan seperti 76 00:05:55,440 --> 00:06:02,040 yang saya sebutkan sebelumnya, jika Anda ingin perlu, Anda selalu dapat beralih atau mengeluarkan karena itu dipanggil 77 00:06:02,040 --> 00:06:04,020 untuk aliran pengembangan non-expo juga.