Cara Memasang dan Membina Aplikasi Native React pertama anda (QuickStart)

React adalah perpustakaan JavaScript rentas platform yang dikendalikan oleh Facebook. Ia digunakan untuk mewujudkan antara muka pengguna. Menggunakan React Native, anda boleh membina aplikasi mudah alih dengan mudah. React Native Sediakan penambahbaikan semula aplikasi anda. Oleh itu, anda boleh membina aplikasi anda dengan lebih cepat. Daripada mengembalikan semula, anda boleh memuatkan semula aplikasi anda dengan serta -merta dengan ciri memuat semula panasnya. Menggunakan Native React Anda boleh menggabungkan pelbagai komponen yang ditulis dalam Objektif-C, Java, atau Swift antara satu sama lain. Anda juga boleh menggunakan React Native untuk membina sebahagian aplikasi dan sebahagian aplikasi anda menggunakan kod asli secara langsung.

Gunakan panduan permulaan cepat ini untuk mula membangunkan aplikasi mudah alih anda dengan React Native.

Langkah 1 - Pasang nod.js

Bertindak balas nod yang diperlukan asli.js dipasang pada sistem anda. Untuk memulakan pembangunan dengan aplikasi baru, kami mengesyorkan menggunakan nod terkini.Versi JS. Sekiranya anda tidak mempunyai nod.JS Dipasang, gunakan salah satu pautan di bawah untuk memasang nod terkini.js di sistem anda.

• Pasang nod.JS/NPM di Ubuntu, Linuxmint
• Pasang nod.JS/NPM di Fedora, CentOS
• Pasang nod.JS/NPM di Debian

Langkah 2 - Buat aplikasi Native React

Saya menggunakan modul NPM Breate-react-Native-App untuk membuat aplikasi Native React baru untuk pembangunan QuickStart. Mari pasang pakej NPM Buat Buat-Teact-Native-App pertama menggunakan arahan di bawah.

NPM Install -g create-react-native-app 

Kemudian jalankan arahan berikut untuk membuat projek asli React Native yang dipanggil "MyApp":

CD /OPT MyApp-App-App-App-App MyApp 

Perintah di atas akan membuat direktori myApp dan menjana fail yang diperlukan untuk pembangunan permulaan. Mari pergi ke bawah langkah untuk memulakan pelayan pembangunan dengan aplikasi baru.

Langkah 3 - Mula React React App Native

Perintah berikut akan memulakan pelayan pembangunan untuk anda dan mencetak kod QR di terminal anda. Gunakan kod QB ini dengan aplikasi Ekspo anda untuk mengakses direktori aplikasi ini. Pastikan sistem aplikasi dan peranti mudah alih berada di rangkaian yang sama.

CD MyApp NPM bermula 

Langkah 4 - Buka aplikasi pada peranti mudah alih

Untuk mengakses aplikasi React semasa pembangunan, saya menggunakan aplikasi Expo Android pada peranti Android saya, anda boleh memasang aplikasi ini di Google Play.

Selepas pemasangan, mula aplikasi Expo dan imbas kod bar di atas di tetingkap terminal anda. Sebaik sahaja anda mengimbas kod bar, anda akan melihat mesej JavaScript Build muncul di terminal anda. Mesej yang sama akan muncul di bahagian bawah aplikasi Ekspo anda pada peranti mudah alih anda.

Setelah membina selesai, halaman lalai akan dipaparkan di skrin mudah alih anda. Ia menunjukkan seperti yang berikut pada peranti saya.

Untuk tujuan ujian, saya membuka terminal baru dan menavigasi ke direktori myApp. Kini mengikuti arahan yang ditunjukkan pada halaman lalai dan aplikasi yang diedit.js. Tukar teks dengan teks sampel saya sendiri.

Semasa saya menyimpan fail, bertindak balas secara automatik membina halaman dan kemas kini pada peranti mudah alih saya. Ini juga merupakan ciri terbaik React untuk membina aplikasi secara automatik mengenai perubahan yang dikesan. Skrin terkini saya menunjukkan seperti di bawah.