1 00:00:02,180 --> 00:00:06,790 Jadi, Anda mempelajari cara menggunakan React Native CLI untuk membuat proyek React Native. 2 00:00:12,260 --> 00:00:19,880 Ini adalah proyek yang tidak memiliki koneksi ke pameran dan yang karenanya sepenuhnya dikelola oleh Anda dan di mana Anda dapat menambahkan paket pihak ketiga apa pun sebenarnya, termasuk 3 00:00:19,940 --> 00:00:21,710 beberapa paket pameran yang juga tersedia 4 00:00:22,160 --> 00:00:23,980 di luar alur kerja yang dikelola, tetapi 5 00:00:24,020 --> 00:00:28,850 Anda harus mengonfigurasi semuanya sendiri, yang bisa mudah tergantung pada paket yang Anda gunakan tetapi juga bisa lebih sulit. 6 00:00:28,850 --> 00:00:34,150 Sekarang ada semacam jalan tengah antara alur kerja yang dikelola expo dan 7 00:00:34,160 --> 00:00:40,120 yang murni, Anda perlu melakukan semuanya sendiri, alur kerja dan itulah alur kerja telanjang expo. 8 00:00:40,130 --> 00:00:42,820 Sekarang apa alur kerjanya yang telanjang di sini? 9 00:00:42,980 --> 00:00:49,880 Alur kerja kosong menyertakan aplikasi React Native seperti yang Anda buat dengan React Native CLI, jadi bukan aplikasi 10 00:00:49,890 --> 00:00:58,040 yang dikelola dengan expo sebagai pembungkus tetapi aplikasi asli, yang bagaimanapun sudah dikonfigurasikan sebelumnya untuk mendukung banyak paket expo, tidak semua 11 00:00:58,310 --> 00:01:01,470 kecuali tim expo sedang berupaya membuat semakin 12 00:01:01,490 --> 00:01:06,770 banyak tersedia di luar alur kerja yang dikelola tetapi banyak dari mereka sudah 13 00:01:07,190 --> 00:01:12,560 termasuk dan Anda dapat memeriksa halaman API yang didukung di sini untuk mendapatkan ide 14 00:01:12,560 --> 00:01:17,230 untuk fitur yang dapat Anda gunakan dalam alur kerja kosong juga. 15 00:01:17,240 --> 00:01:23,150 Gagasan di balik alur kerja kosong adalah bahwa Anda memiliki pengalaman pengembangan asli mentah ini di mana 16 00:01:23,150 --> 00:01:30,140 Anda perlu menggunakan Android Studio dan Xcode, sehingga Anda tidak memiliki CLI expo dan klien expo yang membantu Anda, jadi Anda 17 00:01:30,140 --> 00:01:33,610 harus melakukannya secara manual dengan bantuan dari React Native CLI 18 00:01:34,040 --> 00:01:38,420 tetapi di mana menambahkan fungsionalitas asli lebih mudah, jadi di mana Anda 19 00:01:38,450 --> 00:01:44,390 mungkin perlu melakukan konfigurasi yang lebih sedikit, di mana Anda dapat menggunakan paket-paket asli yang kuat ini 20 00:01:44,420 --> 00:01:50,700 yang menawarkan kepada Anda di mana Anda dapat menggunakan semua itu tanpa memiliki batasan pameran memberi Anda , meskipun 21 00:01:50,750 --> 00:01:56,480 saya ingin memasukkan batasan ke dalam tanda kutip karena Anda tidak memiliki banyak batasan sebenarnya dalam alur 22 00:01:56,480 --> 00:01:57,900 kerja yang dikelola. 23 00:01:58,100 --> 00:02:03,530 Jadi izinkan saya menunjukkan kepada Anda bagaimana memulai dengan alur kerja yang telanjang dan tentu saja untuk itu, Anda juga 24 00:02:03,530 --> 00:02:06,250 dapat memeriksa dokumen resmi. Di sini 25 00:02:06,290 --> 00:02:11,750 Anda perlu menginstal CLI expo dan kami menginstalnya pada awal kursus untuk 26 00:02:11,750 --> 00:02:13,830 membuat proyek terkelola kami dan 27 00:02:14,030 --> 00:02:20,810 Anda juga harus menginstal React Native CLI. Selain itu dan itu juga penting, Anda umumnya harus 28 00:02:20,900 --> 00:02:26,660 memiliki pengaturan yang dijelaskan di sini di dokumen Bereaksi Asli di bawah Mulai Cepat CLA Asli, jadi 29 00:02:26,660 --> 00:02:32,780 pastikan Anda mengatur sistem Anda seperti yang dijelaskan di sini untuk platform yang berbeda, sistem operasi yang berbeda 30 00:02:32,780 --> 00:02:38,300 yang Anda gunakan. Sedang menargetkan, jadi pastikan Anda menginstal Android Studio dan Xcode dan semua dependensi 31 00:02:38,300 --> 00:02:43,700 yang akan Anda temukan di sini karena Anda akan menggunakan alur kerja ini, Anda hanya 32 00:02:43,700 --> 00:02:52,720 mendapatkan sedikit lebih banyak daripada proyek kosong yang Anda miliki di sini. Jadi, setelah Anda menginstal semua itu, Anda dapat membuat 33 00:02:52,960 --> 00:03:01,850 paket alur kerja kosong baru dengan perintah ini atau secara umum dengan menjalankan expo init dan kemudian 34 00:03:01,850 --> 00:03:11,390 nama proyek pilihan Anda, seperti RNWithExpoBare dan pastikan Anda menjalankan perintah ini di jalur. di mana Anda ingin membuat 35 00:03:11,390 --> 00:03:13,640 folder proyek ini. 36 00:03:13,880 --> 00:03:20,600 Jadi jika Anda menjalankan ini sekarang, ini akan membuat proyek pameran baru dan ini juga prompt yang kami 37 00:03:20,600 --> 00:03:22,110 lihat di awal 38 00:03:22,250 --> 00:03:24,090 kursus, di sana saya memilih 39 00:03:24,260 --> 00:03:28,670 kosong dan harap dicatat bahwa ini tentu saja merupakan bagian dari 40 00:03:28,670 --> 00:03:30,500 alur kerja yang dikelola, 41 00:03:30,620 --> 00:03:36,500 apa yang saya pilih pada awal kursus, sekarang kita dapat memilih alur kerja kosong dengan 42 00:03:36,500 --> 00:03:42,980 pergi ke seleksi minimum terbuka di sini dan tekan enter dan apa yang dilakukan adalah sekarang membuat 43 00:03:42,980 --> 00:03:49,310 proyek baru dan sekarang kita dapat memasukkan nama di sini untuk aplikasi yang terlihat pada layar utama, 44 00:03:49,630 --> 00:03:51,870 RNBare dan di sini juga RNBare. 45 00:03:51,900 --> 00:03:55,260 Jadi pilih itu di sini, tekan enter dan sekarang ini membuat proyek baru, saya 46 00:03:55,260 --> 00:03:57,920 tidak ingin menggunakan benang, saya akan menggunakan npm sebagai gantinya. 47 00:03:58,050 --> 00:04:01,090 Ini akan membuat proyek baru, proyek React 48 00:04:01,170 --> 00:04:09,480 Native baru hampir seperti React Native init, jadi jika Anda hanya menggunakan React Native CLI tetapi sudah dikonfigurasikan sebelumnya sehingga Anda sudah dapat 49 00:04:09,870 --> 00:04:16,930 menggunakan banyak yang didukung atau semua API yang didukung ini. Sekarang penting, pengaturan proyek yang kami dapatkan di 50 00:04:17,500 --> 00:04:23,170 sini juga dapat dicapai dengan React Native CLI yang dibuat di mana saya 51 00:04:23,280 --> 00:04:28,660 tidak menggunakan CLI expo sama sekali karena keajaiban terjadi dengan bantuan unimodules 52 00:04:28,900 --> 00:04:31,710 React Native ini di sini. 53 00:04:31,870 --> 00:04:38,440 Ini adalah paket pada akhirnya yang disediakan oleh tim pameran yang membantu Anda memanfaatkan fitur perangkat 54 00:04:38,440 --> 00:04:44,680 asli yang bisa Anda dapatkan dalam alur kerja terkelola di luar alur kerja terkelola juga. 55 00:04:44,680 --> 00:04:50,230 Sekarang penting, jika Anda mengunjungi halaman github dari React Native unimodules dan Anda cukup 56 00:04:50,230 --> 00:04:58,140 mencari nama ini untuk menemukannya, Anda juga akan menemukan petunjuk tentang cara menambahkan ini ke aplikasi React Native yang ada. 57 00:04:58,190 --> 00:05:03,620 Di sini Anda menemukan instruksi bagaimana Anda perlu mengkonfigurasi ini dan semua konfigurasi ini yang dijelaskan 58 00:05:03,620 --> 00:05:09,170 di sini, jadi semua hal ini di sini benar, yang perlu Anda lakukan jika Anda ingin menggunakan 59 00:05:09,170 --> 00:05:13,450 paket ini dan oleh karena itu menampilkan fitur asli dalam React Native 60 00:05:13,610 --> 00:05:17,880 yang normal aplikasi non-expo, Anda harus melakukannya secara manual untuk proyek seperti 61 00:05:18,160 --> 00:05:20,050 itu yang dibuat dengan CLI Native 62 00:05:20,060 --> 00:05:26,930 Native dan itulah yang dilakukan expo init dengan alur kerja kosong ini bagi kami, itu memberi kami proyek React Native 63 00:05:26,930 --> 00:05:32,720 seolah-olah kami akan membuat dengan React Native CLI dan prakonfigurasi dengan mengikuti semua langkah ini, jadi kita 64 00:05:32,750 --> 00:05:34,480 tidak perlu melakukan itu. 65 00:05:34,640 --> 00:05:37,580 Jadi itu sesuatu yang bisa kita manfaatkan tentu 66 00:05:37,580 --> 00:05:40,460 saja, jadi izinkan saya membuka proyek ini, 67 00:05:40,510 --> 00:05:46,660 ini sekarang proyek RNWithExpoBare yang baru saja saya buat dan di sana, Anda akan menemukan beberapa kesamaan 68 00:05:46,690 --> 00:05:49,660 dengan proyek Bereaksi Asli yang kami buat dengan 69 00:05:49,690 --> 00:05:57,400 CLI, cukup banyak file konfigurasi yang sama, aplikasi awal yang sama. konten js, sekarang di sini sebenarnya expo menggunakan versi lama dari 70 00:05:57,400 --> 00:06:01,990 React Native untuk membuat ini yang mengapa ini terlihat sedikit berbeda tetapi pada akhirnya, 71 00:06:01,990 --> 00:06:05,170 Anda akan mendapatkan setup yang sama seperti dengan CLI 72 00:06:05,160 --> 00:06:11,230 Native React tetapi seperti yang saya sebutkan dengan Folder Android dan iOS dengan proyek Android dan iOS yang 73 00:06:11,560 --> 00:06:15,440 telah dikonfigurasikan sebelumnya seperti dijelaskan pada halaman unimodules sehingga Anda tidak 74 00:06:15,730 --> 00:06:24,010 perlu melakukan ini dan dengan konfigurasi awal ini, Anda sekarang dapat dengan mudah menambahkan paket pihak ketiga, Anda dapat menambahkan paket pihak ketiga apa saja 75 00:06:24,010 --> 00:06:26,030 , Anda bisa misalnya sekarang juga 76 00:06:26,050 --> 00:06:29,260 menggunakan pemilih gambar React Native, jadi apa yang kami 77 00:06:29,260 --> 00:06:34,030 tambahkan sebelumnya, apa yang tidak dapat kami tambahkan ke aplikasi alur kerja yang dikelola, 78 00:06:34,030 --> 00:06:40,330 paket ini di sini, Anda dapat dengan mudah menambahkan ini ke aplikasi alur kerja kosong karena ini adalah hanya 79 00:06:40,360 --> 00:06:47,770 aplikasi React Native tanpa expo, sehingga Anda dapat menambahkan ini tetapi sekarang tidak seperti dalam aplikasi React Native normal tanpa expo, Anda 80 00:06:47,770 --> 00:06:54,220 juga dapat membawa salah satu API expo yang tercantum di sini, seperti paket lokasi expo yang kami gunakan sebelumnya 81 00:06:54,220 --> 00:06:55,320 di kursus. 82 00:06:55,420 --> 00:07:01,600 Anda sekarang dapat dengan mudah menginstal ini dengan mengikuti instruksi instalasi yang Anda tautkan ke sini untuk alur 83 00:07:01,600 --> 00:07:05,950 kerja kosong, Anda kemudian harus mengikuti instruksi instalasi yang Anda temukan di sini 84 00:07:05,950 --> 00:07:12,340 pada paket lokasi expo, di sana Anda mengetahui bahwa Anda dapat menginstalnya dengan ini perintah, kemudian jalankan port install 85 00:07:12,340 --> 00:07:16,240 di direktori iOS dan tidak diperlukan pengaturan tambahan untuk Android. 86 00:07:16,290 --> 00:07:22,360 Cukup adil, tidak terlalu sulit dan karena itu Anda mungkin bisa mengatakan Anda mendapatkan yang terbaik dari kedua 87 00:07:22,570 --> 00:07:30,060 dunia, Anda memiliki aplikasi asli dengan React Native CLI dan Anda masih dapat memanfaatkan beberapa fitur pameran, meskipun perlu diketahui bahwa jika 88 00:07:30,070 --> 00:07:36,370 Anda menjalankan ini aplikasi, jika Anda melakukan ini tentu saja dengan run-android run-asli misalnya dan karena itu ini membutuhkan 89 00:07:36,370 --> 00:07:42,900 Android Studio, itu membangunnya secara lokal pada sistem Anda, karena itu Anda membutuhkan waktu sedikit lebih lama, Anda perlu 90 00:07:42,930 --> 00:07:48,130 mengatur segala sesuatu di sistem Anda dan untuk menyebarkan aplikasi dan seterusnya Anda juga harus 91 00:07:48,130 --> 00:07:55,360 mengatur semuanya di sini di mesin lokal Anda, sehingga Anda tidak mendapatkan fitur kenyamanan yang memberikan Anda dalam alur kerja terkelola di 92 00:07:55,390 --> 00:08:00,370 mana bangunan dan pengujian ini sangat cepat, di mana Anda dapat dengan cepat mengujinya 93 00:08:00,370 --> 00:08:02,760 pada perangkat nyata dan sebagainya, semua itu 94 00:08:02,860 --> 00:08:04,560 hilang di sini juga. 95 00:08:04,690 --> 00:08:10,450 Anda memiliki proyek React Native tanpa expo tetapi menggunakan API expo tertentu lebih mudah, itulah 96 00:08:10,450 --> 00:08:17,580 ide di balik alur kerja yang telanjang dan karena expo memiliki banyak API yang luar biasa, yang tentu saja 97 00:08:17,580 --> 00:08:25,050 merupakan alasan yang cukup baik untuk menggunakannya karena API ini, paket ini juga merupakan cukup dijamin untuk diteruskan dan dipelihara 98 00:08:25,050 --> 00:08:26,340 yang belum tentu 99 00:08:26,400 --> 00:08:30,660 berlaku untuk semua paket pihak ketiga lainnya yang mungkin Anda tambahkan 100 00:08:30,660 --> 00:08:32,700 ke aplikasi Bereaksi Asli Anda.