Tutorial React Native Auth - #1 - Installasi React Native dengan Expo

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan mulai melakukan installasi project react native kita dari awal menggunakan expo.

Rafi Taufiqurrahman
Dipublish 03/06/2025

Pada artikel kali ini kita akan awali dengan melakukan instalasi, React Native menggunakan Expo pada komputer kita.

Catatan : sebelum mengikuti seri ini, teman - teman diwajibkan mengikuti seri Tutorial Authentication Dengan Laravel Sanctum dan Unit Testing. Dikarenakan kita akan menggunakan seri tersebut sebagai api yang kita gunakan di seri ini.

Sebelum memulai pastikan teman-teman sudah melakukan instalasi Node.Js di komputer. Jika belum, silahkan download dan install dari Nodejs.org.

Jika sudah melakukan instalasi Node.Js, kita bisa lanjutkan untuk melakukan instalasi Expo CLI yang akan kita gunakan untuk menjalankan project React Native. Silahkan teman-teman buka terminalnya kemudian masukkan perintah berikut ini.

Terminal
npm install -g expo-cli

Setelah proses instalasi selesai, teman-teman bisa melakukan pengecekan versi dari Expo CLI dengan cara seperti berikut ini.

Terminal
expo --version

Jika sudah muncul versi seperti 5.x.x atau 6.x.x, berarti Expo CLI sudah berhasil terinstall di komputer teman-teman.

Setelah itu, kita bisa lanjut untuk membuat project React Native menggunakan Expo. Silahkan jalankan perintah berikut , pada terminal teman - teman.

Terminal
npx create-expo-app react-native-auth

Setelah selesai, silahkan teman - teman masuk ke folder project-nya:

Terminal
cd react-native-auth

Lalu jalankan aplikasi dengan perintah:

Terminal
npm start

Atau bisa juga dengan:

Terminal
npx expo start

Jika berhasil, maka akan muncul tampilan kurang lebih seperti berikut ini dan teman-teman bisa menjalankan aplikasi menggunakan emulator atau dengan scan QR code menggunakan aplikasi Expo Go di HP.

fresh-project

Artikel Lainnya

Beberapa artikel rekomendasi lainnya untuk menambah pengetahuan.

1
Tutorial Inertia Roles & Permissions - #5 - Membuat Model, Migration, Faker Dan Seeder Laravel
Artikel ini merupakan series dari Tutorial Laravel Inertia Roles & Permissions, disini kita akan membuat sebuah model, migration, faker dan seeder yang akan kita gunakan di dalam project kita.
2
Tutorial Inertia Roles & Permissions - #9 - Membuat Utils Permissions Dengan Inertia React
Artikel ini merupakan series dari Tutorial Laravel Inertia Roles & Permissions, disini kita akan belajar membuat sebuah utils untuk menghandle permissions yang kita miliki.
3
Tutorial Laravel Livewire - #4 - Membuat Schema Database Dengan Laravel
Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah schema database yang nantinya akan kita gunakan pada study case kali ini dan kita akan memanfaatkan model dan migration dari laravel.
4
Tutorial Inertia Roles & Permissions - #14 - Membuat Module User Dengan Inertia React
Artikel ini merupakan series dari Tutorial Laravel Inertia Roles & Permissions, disini kita akan membuat sebuah module user dengan inertia react.
5
Belajar Typescript Dasar - #5 - Interface Dalam Typescript
Artikel ini merupakan series dari Belajar Typescript Dasar, disini kita akan belajar mengenai jenis - jenis interface yang ada didalam typescript.
6
Tutorial Laravel Livewire - #9 - Membuat Module Product Dengan Livewire
Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah module product dengan livewire.

JurnalKoding

Mulai asah skill dengan berbagai macam teknologi - teknologi terbaru seperti Laravel, React, Vue, Inertia, Tailwind CSS, dan masih banyak lagi.

© 2025 JurnalKoding, Inc. All rights reserved.