buat aplikasi pertama dengan reaksi asli

Perkenalan

React Native adalah framework JavaScript untuk membuat aplikasi seluler yang berjalan di perangkat iOS dan Android. Ini menggunakan desain yang sama dengan React, memungkinkan pengembang untuk membangun aplikasi seluler menggunakan struktur berbasis komponen yang sudah dikenal. React Native menggunakan komponen asli, yang berarti aplikasi akan memiliki tampilan dan nuansa yang lebih asli dan akan bekerja lebih baik daripada aplikasi berbasis web murni. Selain itu, React Native memungkinkan penggunaan kembali kode antara iOS dan Android, membuat pengembangan lebih cepat dan lebih efisien.

Menyiapkan lingkungan pengembangan

Jalankan perintah berikut untuk membuat proyek React Native baru bernama "myApp":

npx create-expo-app myApp

cd myApp
npx expo start

Sambungkan ke jaringan nirkabel yang sama dengan PC Anda dan unduh aplikasi Expo Go di perangkat iOS atau Android Anda. Gunakan aplikasi Expo Go untuk Android untuk membuka proyek Anda dengan memindai kode QR dari terminal Anda. Gunakan pemindai kode QR bawaan aplikasi Kamera iOS asli Anda.

Memodifikasi aplikasi Anda

Mari ubah aplikasi sekarang setelah Anda berhasil menjalankannya. Edit beberapa baris di editor teks pilihan Anda dengan membuka App.tsx. Setelah Anda menyimpan modifikasi Anda, aplikasi akan secara otomatis menyegarkan.

Et voila!

Selamat! Anda telah berhasil menjalankan dan memodifikasi aplikasi React Native pertama Anda.

Untuk lebih jelasnya, Anda dapat memeriksa dokumentasi React Native di sini .

Jalankan di web.

Sebelum Anda dapat meluncurkan aplikasi Anda di web, Anda harus menginstal Expo Globally terlebih dahulu dengan menjalankan perintah ini.

npm i -g expo-cli

npm run web

Anda sebaiknya hanya menginstal beberapa dependensi lain menggunakan baris perintah ini:

npx expo install react-native-web@~0.18.9 [email protected] @expo/webpack-config@^0.17.2

Kesimpulan

Kesimpulannya, React Native adalah kerangka kerja yang kuat dan fleksibel untuk membuat aplikasi seluler yang berjalan di iOS dan Android.

Dengan menggunakan prinsip desain yang sama seperti React, pengembang dapat dengan cepat dan mudah membuat aplikasi seluler menggunakan struktur berbasis komponen yang sudah dikenal.

Dengan kemampuan untuk menggunakan komponen asli, aplikasi akan memiliki tampilan dan nuansa yang lebih asli dan bekerja lebih baik daripada aplikasi berbasis web murni.

Selain itu, penggunaan ulang kode antara iOS dan Android membuat pengembangan lebih cepat dan lebih efisien. Dengan banyaknya manfaat yang dimilikinya, tidak heran jika React Native menjadi pilihan populer untuk pengembangan aplikasi seluler.