Aplikasi Pertama di React Native

Di sini saya akan memberikan beberapa perpustakaan dan alat bermanfaat yang saya gunakan di aplikasi saya.

• Ketika kita memulai untuk pengembangan aplikasi React Native maka pertama-tama kita harus memutuskan untuk lingkungan kerja seperti Expo atau CLI .
• Jadi, Mari kita mulai dengan CLI…
  - Dalam aplikasi saya, saya menggunakan CLI, dan saya lebih suka CLI karena dalam pameran mungkin kami memiliki beberapa batasan untuk perpustakaan dan beberapa bagian yang macet.
  - Untuk iOS perlu mengatur Xcode dan untuk Android perlu Android Studio.
  - Referensi :https://reactnative.dev/docs/environment-setup
• Kemudian kita harus memutuskan untuk development tool (IDE). kami memiliki banyak pilihan untuk hal yang sama. tapi saya lebih suka Visual Studio Code karena itu alat yang sangat ringan untuk mengembangkan aplikasi.
• Struktur proyek:
  ini adalah bagian terpenting untuk pengembangan perangkat lunak apa pun. Secara global kami memiliki banyak proyek dan struktur direktori, jadi gunakan struktur yang paling sederhana dan mudah dipahami, ini akan membantu untuk mengidentifikasi bug dan mudah untuk pengembangan. (Pemeliharaan & Aksesibilitas)
• Manajemen status : Untuk reaksi asli jawaban paling sederhana adalah Redux , dan mudah diterapkan dan manajemen status.

Gunakan sesedikit mungkin paket pihak ketiga, dan buat komponen kustom atau struktur utilitas sendiri untuk meningkatkan kinerja.

Contoh: saat memulai saya mencoba beberapa perpustakaan validasi untuk bidang input tetapi kemudian saya berpikir "mengapa saya menggunakan fungsi lain yang tidak biasa yang disediakan perpustakaan itu?" karena di perpustakaan mungkin ada beberapa fitur yang tidak cocok dan berguna untuk aplikasi kita, maka saya sarankan untuk mengembangkan utilitas sendiri untuk itu.

• Navigasi: pada waktu pengembangan saya terjebak di beberapa tingkat dengan proses navigasi,
• karena dalam reaksi asli kami memiliki beberapa paket untuk navigasi, tetapi dari itu beberapa berguna dan beberapa tidak.
  - Jadi kita harus memutuskan mana yang terbaik sesuai kebutuhan aplikasi kita.
  - Jadi di sini saya telah menggunakan React-Navigation untuk alur navigasi.
  -https://reactnavigation.org/docs/getting-started
• Layanan API: Jika kami memiliki 2 atau 3 panggilan layanan web daripada yang saya pilih untuk mengambil adalah pilihan terbaik.
  - Tapi jika kita memiliki lebih dari itu maka saya lebih memilih untuk memilih Axios . Axios menyediakan struktur respons dan penanganan kesalahan terbaik sehingga kami dapat dengan mudah mengidentifikasi respons serta kesalahan.
• Otentikasi Sosial:
  Di aplikasi saya, saya telah menerapkan:

masuk Facebook :

Masuk Apple :

• Drop-down:
  ketika Anda mencari paket drop-down di reaksi asli, Anda akan mendapatkan banyak paket untuk itu.
  Tapi saya lebih suka yang ini, karena mudah digunakan dan juga bisa disesuaikan.
  (Hanya perlu meneliti masalah zIndex, Anda akan menyelesaikannya dengan menambahkan View wrapper)
• Nomor telepon dengan negara:
  Untuk pemilihan negara, cukup tambahkan komponen ini di dekat bidang input teks Telepon. mudah digunakan dan dapat disesuaikan.
• Pemindaian kode QR:
  Saya hanya menyesuaikan lib ini untuk pemindaian Kode QR layar penuh.
• Layanan lokasi:
  Ini untuk mendapatkan lokasi pengguna:

• Pemberitahuan push:
  Anda hanya perlu mengonfigurasi pemberitahuan Firebase dan Apple.
• Bagan:
  Saya telah menggunakan diagram lingkaran untuk menampilkan beberapa data.
• Penyimpanan lokal:
• Konversi mata uang:
• Pemilih Gambar:
• Pemilih waktu tanggal:
• Unggah file ke server S3:
• Layar splash khusus:
• Gesek FlatList Cell dengan tombol:

Melompat itu akan membantu untuk aplikasi Anda !!!
Terima kasih.
Selamat coding :)