Jadi apa saja alternatif kami untuk alur kerja yang dikelola?
Salah satu alternatif adalah dengan menggunakan React Native CLI, Anda
dapat mempelajari tentang ini di halaman React Native
resmi jika Anda mengunjunginya, Anda dapat dengan mudah google React Native untuk menemukannya dan di sana
jika Anda mengklik memulai, Anda benar-benar akan disambut dengan dua cara berbeda untuk memulai dan cara yang dipilih sebelumnya untuk menggunakan
Expo CLI, itu
adalah pendekatan yang kami gunakan, kan?
Jadi tidak ada yang terlalu mewah tentang ini, ini memberi Anda aplikasi React Native menggunakan expo, itulah yang
kami gunakan dalam kursus ini.
Anda juga dapat mengeklik pada mulai cepat
React Native CLI dan sekarang di sini Anda pertama-tama perlu mengatur sistem Anda
dengan cara tertentu dan kemudian Anda dapat menginstal paket terpisah, React Native CLI yang sekarang
harus Anda buat proyek. dan untuk menjalankannya dan sebagainya. Sekarang penting, di sini Anda akan menemukan petunjuk instalasi terperinci untuk berbagai sistem operasi
dan aplikasi yang ingin Anda buat.
Ketahuilah bahwa pada Windows seperti yang dikatakan di sini, Anda tidak dapat membangun aplikasi iOS, sama di Linux, Anda
hanya dapat membangun aplikasi Android di sana dan Anda akan menemukan instruksi pemasangan jika memilih opsi tertentu.
Di macOS Anda
dapat membangun iOS dan Android dan Anda juga harus mengikuti petunjuk instalasi ini.
Sekarang saya tidak akan melakukan ini secara rinci di sini karena Anda akan menemukan semuanya tertulis
di sini tentu
saja jika Anda ingin mengikuti, pada akhirnya Anda akan perlu menginstal beberapa paket, bukan paket npm tetapi paket sistem
yang luas dan proses pemasangan yang tepat berbeda mengenai platform mana yang Anda jalankan.
Anda perlu menginstal Android Studio atau Xcode, jadi Xcode untuk aplikasi iOS, Android Studio untuk aplikasi Android
dan Anda harus menginstalnya sekarang, sebelumnya itu
opsional, saya hanya
melakukannya untuk mendapatkan simulator, sekarang Anda
membutuhkannya karena sekarang ini alat akan digunakan untuk membangun aplikasi Anda.
Sebelumnya itu tidak diperlukan karena pembungkus expo pada dasarnya jenis membaca kode kami dan host itu dan Anda
dapat membangun aplikasi mandiri dengan expo dalam alur kerja yang dikelola juga,
ada yang akan terjadi di cloud.
Sekarang semua terjadi secara lokal, jadi Anda harus menginstal Android Studio dan seterusnya dan menginstalnya dengan
semua opsi yang Anda temukan di sini.
Sekarang Anda juga tidak masalah untuk platform mana Anda bekerja, Anda juga perlu menginstal React Native CLI, Anda dapat
melakukan ini di command prompt atau terminal normal Anda, di Mac atau Linux Anda mungkin perlu menambahkan sudo di depan ini untuk dapatkan izin
yang tepat dan ini sekarang akan menginstal React Native CLI secara global, untuk itu Anda
juga perlu menginstal NodeJS karena ini menggunakan npm yang merupakan manajer paket node, jadi
pastikan Anda juga memilikinya.
Sekarang dengan React Native CLI terinstal,
kita dapat mulai membuat proyek sama sekali tanpa expo dan untuk itu saya akan membuat
proyek baru dan saya memilih folder untuk itu dengan menjalankan
init asli-reaksi dan sekarang nama apa pun pilihan Anda,
untuk contoh RNWithoutExpo. Untuk namanya, penting ditulis seperti ini,
tidak ada tanda garis atau garis bawah di sana, tetapi hanya satu kata.
Jadi RNWithoutExpo adalah nama yang akan saya pilih dan ini sekarang akan membuat proyek React Native baru
menggunakan React Native CLI di tempat ini Anda menjalankan perintah ini dan itu akan memberi Anda folder baru ini
yang berisi proyek React Native baru ini.
Sekarang penting lagi,
Anda sekarang harus memiliki Android Studio dan Xcode diinstal dan dikonfigurasi seperti yang disebutkan dalam dokumen resmi di
sini, jika
tidak, apa yang akan saya tunjukkan kepada
Anda sekarang tidak akan berfungsi, Anda perlu menginstal karena sekarang alat ini akan dimanfaatkan oleh
Bereaksi Asli CLI untuk membangun dan menjalankan aplikasi Anda. Juga putar beberapa emulator atau simulator, bisa sama dengan yang digunakan
sebelumnya dalam kursus, tetapi Anda harus menjalankannya agar kita dapat melihat aplikasi React Native kami yang berjalan di sana.
Jadi sekarang mari kita tunggu setup ini selesai di sini dan setelah ini selesai dan proses ini dapat memakan waktu cukup lama,
Anda dapat mengikuti instruksi di sini untuk pada akhirnya menjalankan aplikasi Anda. Jadi izinkan saya menavigasi ke folder yang baru
dibuat
ini di sini dan menjalankan react-native run-ios
misalnya untuk menjalankannya di simulator iOS yang saya dapatkan. Sekarang ini di belakang layar menggunakan Xcode untuk membangun aplikasi
ini,
tidak menggunakan expo lagi, Anda dapat menghapus instalan klien expo di sini, Anda dapat menghapus instalan
CLI expo dari
sistem Anda, ini tidak memanfaatkan expo sama sekali, itu hanya menggunakan Xcode di belakang adegan untuk
membangun aplikasi Anda, jadi alat pengembangan Apple asli ini. Jadi mari kita tunggu sampai pembangunan ini selesai dan pertama kali Anda
membangun ini, ini membutuhkan
waktu lebih lama, pembangunan kembali selanjutnya akan lebih cepat. Jadi mari kita tunggu sampai selesai.
Sekarang selama proses pembuatan ini, tab baru akan dibuka atau jendela baru di terminal Anda,
menjaga proses itu berjalan dan juga menjaga proses pembuatan berjalan tentu saja, jangan
keluar, jadi
pertahankan kedua proses ini dan berjalan di sini dan sekarang ini menginstal aplikasi pada, dalam hal ini, simulator, jika Anda
memiliki perangkat nyata yang terhubung, itu akan menginstalnya di sana dan meluncurkan aplikasi di sana dan oleh karena
itu di sini, itu benar-benar membuat
simulator baru di sini untuk saya, tidak meskipun penting,
sekarang meluncurkan aplikasi di sini di simulator ini. Sekali lagi untuk peluncuran pertama, ini sekarang
mengunduh aplikasi yang dibangun pada perangkat ini pada dasarnya dan Anda memiliki beberapa fitur pengembangan yang bagus di sana, debugging jarak
jauh dapat diaktifkan, sehingga Anda memiliki semua fitur bagus di sini juga, itu bukan
pameran eksklusif dan peluncuran pertama ini akan memakan waktu sedikit lebih lama seperti yang disebutkan.
Jadi mari kita tunggu unduhan ini selesai di sini sehingga aplikasi tersebut diluncurkan dan ini akan muncul. Sekarang layar mulai persis yang Anda lihat di sini,
yang mungkin berbeda dari
waktu ke waktu karena itu hanya kode awal yang Anda dapatkan
dalam proyek yang akan kita lihat sebentar lagi tapi ini sekarang aplikasi, aplikasi asli tanpa
pameran jika tidak sama, berjalan di iOS. Kami juga dapat menjalankannya di Android dan untuk itu, proses yang sekarang selesai
dapat dihapus, yang lain harus tetap
berjalan, itu server pengembangan Anda yang berbicara ke perangkat dan yang mengawasi perubahan file dan mendorong kode baru ke perangkat
, jadi apa
yang Anda ketahui dari expo, yang bekerja di sini juga. Jadi teruskan proses lainnya, tetapi
sekarang kita juga dapat menjalankan react-native run-android untuk juga membangun aplikasi untuk Android dan memanfaatkan server yang sama
untuk kemudian juga membangun dan mendorong aplikasi Android ke emulator Android dan kemudian melihatnya juga.
Jadi mari kita tunggu ini
selesai, sekali lagi build pertama ini akan memakan waktu lebih lama, reload selanjutnya akan jauh lebih cepat.
Proses pembuatan ini sekarang memanfaatkan Android Studio yang juga harus Anda instal dan
konfigurasikan seperti yang dijelaskan dalam dokumen resmi dan karenanya sekarang ini juga tentu saja berfungsi
sepenuhnya tanpa expo, hanya menggunakan Android Studio.
Sekarang ini juga meluncurkan aplikasi Android di sini di emulator Android saya, tetapi seperti sebelumnya, peluncuran awal ini dapat memakan waktu cukup
lama, sekarang ini terhubung ke
server pengembangan yang oleh karena itu Anda di sini tentu
saja juga harus terus berjalan, tidak hanya ketika itu membangun bundel ini tetapi sepanjang waktu agar perubahan
pada file Anda, Anda mendapatkan membangun kembali hidup dan setelah ini selesai, mari kita lihat aplikasi selesai
berjalan di Android.
Sekarang mari kita lihat kode yang bertanggung jawab untuk
itu, apakah sekarang terlihat sama sekali berbeda dari apa yang kita lihat sejauh ini?
Untuk itu, saya memuat proyek di sini lagi dengan Visual Studio Code, jadi pengaturan yang sama seperti
sebelumnya dan apa yang Anda lihat terlihat sedikit berbeda tetapi kebanyakan, kami memiliki banyak file konfigurasi yang berbeda,
cukup adil tetapi itu tidak benar-benar berubah cara kita menulis kode kita.
Sangat penting, kami punya folder Android dan iOS,
kami tidak punya
sebelumnya, folder itu dan Windows, Linux Anda tidak punya iOS, Anda hanya punya Android
di sana, tapi folder itu berisi aplikasi asli asli proyek-proyek yang dibangun dengan bantuan Android
Studio dan Xcode dan kode Anda menjadi semacam built-in sehingga
Anda bisa mengatakan, React Native melakukan semua itu untuk Anda, proses React Native CLI tetapi
jika kita melihat kode konkret di aplikasi. File js, yah itulah
yang kami gunakan dalam kursus ini, kan? Di sana kami memiliki beberapa impor dan beberapa tautan tambahan yang menunjukkan Anda beberapa
peringatan di sini mengenai gaya kode.
Ini bukan kesalahan sebenarnya, hanya saja saya harus menggunakan tanda kutip ganda
alih-alih tanda kutip tunggal, ya beberapa rekomendasi yang tidak saya pedulikan di sini tetapi
jika Anda melihat apa yang diimpor di sini, bereaksi, simpan tampilan area, stylesheet, tampilan gulir ,
lihat, teks - ini semua hal yang sudah kami kerjakan, jadi kami memiliki komponen normal
yang sudah kami kerjakan dan tentu saja kami lakukan karena apa yang saya katakan selama kursus ini, Bereaksi Asli adalah Bereaksi Asli, expo adalah pembungkus tipis
di sekitarnya .
Kami menulis kode yang sama, kami menggunakan komponen yang sama, mereka dikompilasi ke widget asli, bahwa semua tidak berubah
ketika kita menggunakan expo, satu-satunya perbedaan
adalah bahwa dengan expo, kita tidak perlu mengatur sebanyak, build sedikit lebih
cepat dan menambahkan modul asli sangat mudah, pengujian pada perangkat nyata sangat mudah, hanya lebih mudah, kami membangun aplikasi
dengan cara yang
sama dan itu adalah sesuatu yang dapat Anda lihat di sini juga.
Gaya diatur dengan cara yang sama dengan Stylesheet. buat, itu saja seperti
yang kami lakukan sepanjang kursus ini dan itu penting
bagi Anda.
Sekarang satu hal tambahan yang akan Anda temukan di sini adalah indeks. File js, kami
tidak memiliki itu di expo, semacam itu adalah file konfigurasi dasar yang meluncurkan aplikasi Anda, Anda dapat
mengatakan, yang memastikan bahwa komponen aplikasi ini ditampilkan ke layar, itu adalah sesuatu
yang dilakukan expo untuk Anda di Bereaksi Aplikasi expo asli tetapi selain itu, itu benar-benar sama dan Anda
akan membangun aplikasi dengan cara yang sama.