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

Series Artikel

Berikut ini daftar series artikel dari Tutorial Authentication Dengan React Native dan Laravel Sanctum

1
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.

2
Tutorial React Native Auth - #2 - Membuat Reusable Components

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat beberapa reusable components yang akan kita gunakan pada project kita.

3
Tutorial React Native Auth - #3 - Membuat Global Api React Native

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah global api yang akan kita gunakan pada project kita.

4
Tutorial React Native Auth - #4 - Membuat Custom Context Authentikasi React Native

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah custom context authentikasi pada project kita

5
Tutorial React Native Auth - #5 - Membuat Login Screen React Native

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah login screen pada project kita

6
Tutorial React Native Auth - #6 - Membuat Dashboard Screen React Native

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah dashboard screen pada project kita

7
Tutorial React Native Auth - #7 - Membuat Profile Screen React Native

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah profile screen pada project kita

8
Tutorial React Native Auth - #8 - Membuat Register Screen React Native

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah register screen pada project kita

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.