Jadi itu banyak pengantar React Native dan expo tapi saya merasa penting bahwa Anda memahami apa
yang Anda kerjakan sebelum Anda mulai.
Sekarang dengan itu, sekarang saatnya untuk memulai dan untuk ini, kunjungi pameran. io. Di sana Anda dapat mengklik
memulai dan Anda akan menemukan langkah-langkah awal di sini.
Sekarang Anda tidak benar-benar membutuhkan langkah pertama
itu, kita bisa langsung masuk ke langkah nomor dua yaitu Anda membutuhkan NodeJS. Sekarang Anda perlu NodeJS yang merupakan runtime Javascript yang memungkinkan Anda
misalnya untuk membangun aplikasi sisi server dengan Javascript. Anda tidak perlu itu karena kami akan
menulis kode NodeJS apa pun dalam kursus ini,
ini bukan
kursus Node, jangan
khawatir, Anda tidak perlu tahu NodeJS tetapi ini adalah paket yang memungkinkan kami untuk menjalankan Javascript di mesin kami dan misalnya,
klien expo di belakang layar juga berjalan di Javascript, sama
sekali tidak terkait dengan React Native, itu
hanya agar alat ini berfungsi dengan benar.
Juga untuk perintah ini untuk menginstal alat, npm, itu adalah Node Package
Manager dan itu juga tersedia oleh NodeJS.
Jadi langkah pertama adalah Anda mengunjungi nodejs. org dan di sana, unduh
versi terbaru, dalam kasus saya 12. 6 dari sana untuk memulai dan apa pun versi terbaru
Anda ketika Anda melihatnya, cukup unduh versi itu,
instal, itu memberi Anda installer yang normal, Anda hanya dapat berjalan dengan mengklik semua langkah di sana, tidak
ada yang terlalu mewah.
Ini tersedia untuk MacOS dan Windows dan Linux.
Jadi cukup unduh di sini, telusuri installer dan setelah diinstal, Anda dapat melanjutkan ke langkah ketiga
ini di sini.
Jadi dengan NodeJS terinstal, mari salin perintah itu di sini dan kemudian buka terminal normal Anda atau di
Windows, prompt perintah Anda dan rekatkan perintah itu di sini.
Sekarang di Mac dan Linux, Anda mungkin perlu menambahkan sudo di depan ini, pada
Windows ini tidak diperlukan, untuk mendapatkan izin yang tepat.
Jadi di sini saya
akan memasukkannya, maka Anda mungkin akan diminta kata sandi Anda, cukup masukkan jika
Anda dan sekarang ini akan menginstal CLI pameran yang merupakan alat ini yang membantu kami membuat
dan mengelola proyek Bereaksi Asli dengan bantuan pameran global pada mesin Anda, sehingga Anda dapat menggunakannya dari mana
saja di
mesin Anda, jadi dari mana saja di terminal Anda.
Jadi mari kita tunggu sampai instalasi ini selesai,
Anda dapat mengabaikan peringatan yang mungkin ada di antara Anda dan saya akan kembali setelah
instalasi ini selesai.
Anda juga dapat mengabaikan kesalahan di antara tersebut di sini, selama keseluruhannya tidak macet
karena kesalahan tetapi berakhir dengan pesan seperti
ini pada akhirnya, Anda berhasil.
Jadi dengan ini, kami memasang Expo CLI, langkah selanjutnya adalah membuat proyek kami, jadi langkah nomor empat
di sini.
Kami melakukan ini dengan menjalankan expo
init dan kemudian setiap nama proyek pilihan Anda dan untuk itu, pertama-tama pastikan bahwa Anda menggunakan perintah cd untuk menavigasi ke folder
di sini di mesin Anda di mana Anda ingin membuat proyek itu. Jadi saya melakukannya di sini, saya berada di folder itu
dan sekarang saya dapat menjalankan expo init dan saya akan memberi nama rn-first-app ini karena ini adalah
aplikasi React Native pertama kami di sini. Cukup tekan enter, nama itu tentu saja terserah Anda
yang Anda miliki di
sini dan ini sekarang akan membuat folder baru di tempat Anda menjalankan perintah ini dan mengatur aplikasi
Bereaksi Asli di sana menggunakan expo.
Sekarang Anda mungkin ditanya templat mana yang ingin Anda gunakan dan di
sana Anda dapat pergi dengan templat kosong untuk saat ini.
Pastikan Anda tidak memilih minimal karena itu akan menjadi pengaturan tanpa lingkungan expo dengan semua fitur
kenyamanan, jadi
pasti pergi dengan kosong di sini.
Sekarang selanjutnya, Anda mungkin akan diminta untuk memasukkan nama untuk aplikasi Anda dan saya hanya akan memasukkan rn-first-app di
sini,
itu pada akhirnya nama yang ditampilkan di pengalih tugas aplikasi Anda di layar beranda dan
begitu seterusnya.
Anda dapat meninggalkan siput seperti itu dan cukup tekan enter lagi, sekarang
saya juga Anda menggunakan benang pada mesin saya yang merupakan alternatif untuk npm, Anda mungkin tidak ditanya apakah Anda ingin menggunakan benang
yang benar-benar baik-baik saja, saya akan
juga memilih tidak ada di sini untuk menggunakan
npm dan oleh karena itu sekarang, ini akan melanjutkan, membuat folder proyek ini, menginstal semua dependensi yang
diperlukan di sana seperti Bereaksi dan Bereaksi Asli dan memberi kami proyek Bereaksi Asli yang dapat kita gunakan untuk membangun aplikasi
asli.
Jadi mari kita tunggu ini selesai sekarang.
Sekarang setelah selesai, Anda melihat instruksi selanjutnya di sini. Anda dapat menavigasi ke folder yang baru dibuat
dengan perintah cd dan kemudian di sana, cukup jalankan mulai npm. Mulai NPM sekarang akan memulai alat
pengembangan expo, alat dev pameran dan tab baru akan terbuka di browser Anda.
Inilah tab yang terbuka, jika ada masalah di sini, Anda dapat mengabaikannya untuk
saat ini, ini di sini adalah alat pengembangan expo atau alat pengembangan expo seperti namanya.
Ini adalah jendela yang memungkinkan Anda untuk menjalankan aplikasi pada perangkat yang terhubung berbeda atau menambahkan simulator dan memungkinkan Anda untuk secara
umum mengelola bagian-bagian dari aplikasi Anda, Anda melihat beberapa output dari aplikasi Anda di sini, beberapa peringatan yang
mungkin Anda dapatkan dan ini sangat
nyaman jendela untuk mengelola aplikasi Anda dan untuk menjalankan aplikasi Anda. Sekarang juga pastikan bahwa di sini
di terminal tempat Anda menjalankan start npm, Anda akan membiarkan proses itu berjalan.
Anda mungkin melihat bahwa itu tidak selesai, Anda tidak melihat lagi garis input tempat Anda dapat memasukkan perintah,
sebaliknya di sini, Anda tidak dapat mengetik atau Anda dapat menekan beberapa pintasan yang Anda lihat di sini tetapi Anda tidak bisa
mengetik perintah baru.
Anda selalu dapat keluar dari proses ini dengan menekan kontrol dan c secara bersamaan, tetapi Anda harus membiarkan
proses ini tetap berjalan selama Anda mengerjakan proyek Anda dan jika
Anda selesai pada hari itu, Anda dapat berhenti dan mulai lagi pada hari berikutnya karena proses
ini juga akan melihat kode Anda dan setiap kali Anda mengubah sesuatu dalam kode Anda dan Anda
menyimpan perubahan itu, itu akan secara otomatis menyimpan ini dan menerbitkannya ke perangkat Anda yang terhubung.
Tetapi berbicara tentang itu, mari kita hubungkan perangkat dan untuk itu, cara termudah untuk memulai adalah dengan
menggunakan iPhone atau ponsel Android yang Anda miliki.
Jadi dalam kasus saya, ini adalah iPhone di sini dan di sini telepon saya yang asli dan saya di App Store, sekarang di Jerman karena saya memiliki
telepon Jerman tetapi ini adalah App Store yang normal. Sekarang di sana, Anda
dapat pergi ke area pencarian dan mencari pameran. Sekarang setelah Anda melakukannya, Anda harus menemukan klien pameran itu di sini
dan Anda dapat mengunduhnya ke perangkat Anda, gratis untuk digunakan. Cukup instal ke perangkat Anda dan tunggu instalasi ini selesai
dan setelah ini selesai,
Anda dapat membuka ini dan sekarang
dengan aplikasi expo diinstal, Anda tidak perlu mendaftar di sini, alih-alih di Android Anda harus dapat untuk memindai kode
batang itu langsung dari dalam aplikasi pameran Anda. Di iOS, cukup buka aplikasi kamera dan kemudian
Anda juga dapat pergi ke alat dev di sini dan Anda akan melihat kode batang itu di
sini, cukup pegang kamera Anda di atas itu di iOS atau pemindai aplikasi pameran di sini di Android dan Anda akan diminta apakah Anda
ingin membuka aplikasi dalam pameran itu. Cukup tekan buka di sana dan sekarang
ini akan membuka aplikasi Anda di sini di klien pameran yang Anda
pasang, lagi tanpa mendaftar, hanya dengan memegang kamera iPhone Anda di atas kode batang itu atau di Android dengan melakukannya dari
langsung di dalam aplikasi pameran di mana Anda akan memiliki opsi itu untuk melakukannya.
Jadi sekarang ini akan membangun bundel Javascript seperti yang Anda lihat di sini di bagian bawah
atau dengan kata lain, ini sekarang akan mengambil aplikasi Anda dan mengkompilasinya pada dasarnya dan menyiapkannya lalu memuatnya di sini melalui
server pameran ke dalam aplikasi Anda dan Anda cukup menekan mendapatkannya di sini di layar pertama dan kemudian ini adalah aplikasi React
Native awal Anda.
Dan sekarang mari kita benar-benar melihat kode untuk ini dan melihat bagaimana kita dapat mengubah sesuatu dalam kode untuk melihat sesuatu
yang berbeda di sini di layar ini.