Prima app in React Native

Qui fornirò alcune librerie e strumenti utili che ho usato nella mia app.

• Quando stiamo iniziando lo sviluppo dell'app React Native, prima dobbiamo decidere per un ambiente di lavoro come Expo o CLI .
• Quindi, iniziamo con CLI...
  - Nella mia app ho usato CLI e preferisco CLI perché in expo potrebbero esserci alcune limitazioni per le librerie e altre parti bloccate.
  - Per iOS è necessario configurare Xcode e per Android è necessario Android Studio.
  - Riferimento :https://reactnative.dev/docs/environment-setup
• Quindi dobbiamo decidere per lo strumento di sviluppo (IDE). abbiamo molte opzioni per lo stesso. ma preferisco Visual Studio Code perché è uno strumento molto leggero per sviluppare applicazioni.
• Struttura del progetto:
  è la parte più importante per qualsiasi sviluppo software. A livello globale abbiamo molti progetti e strutture di directory, quindi usa una struttura più semplice e comprensibile, sarà utile per identificare i bug e facile per lo sviluppo. (Manutenzione e accessibilità)
• Gestione dello stato: per reagire in modo nativo la risposta più semplice è Redux ed è facile da implementare e gestire lo stato.

Utilizzare meno pacchetti di terze parti e creare componenti personalizzati o strutture di utilità per migliorare le prestazioni.

Esempio: all'avvio ho provato alcune librerie di convalida per i campi di input ma poi ho pensato "perché uso altre funzioni insolite fornite da quelle librerie?" poiché nelle librerie potrebbero esserci alcune funzionalità non adatte e utili per la nostra app, quindi consiglio di sviluppare le proprie utilità per questo.

• Navigazione: durante lo sviluppo ero bloccato a un certo livello con il processo di navigazione,
• perché in react native abbiamo più pacchetti per la navigazione, ma da questo alcuni sono utili e altri no.
  - Quindi dobbiamo decidere quale sia la migliore in base ai requisiti della nostra app.
  - Quindi qui ho usato React-Navigation per il flusso di navigazione.
  -https://reactnavigation.org/docs/getting-started
• Servizio API: se abbiamo 2 o 3 chiamate al servizio Web di quelle che preferisco per il recupero è l'opzione migliore.
  - Ma se ne abbiamo di più allora preferisco scegliere Axios . Axios fornisce la migliore struttura di risposta e gestione degli errori in modo da poter identificare facilmente la risposta e gli errori.
• Autenticazione social:
  nella mia app ho implementato:

Accesso a Facebook :

Accedi :

• Drop-down:
  quando cerchi un pacchetto a discesa in react native, otterrai molti pacchetti per quello.
  Ma io preferisco questo, perché è facile da usare e anche molto personalizzabile.
  (Devi solo cercare il problema zIndex, lo risolverai con l'aggiunta di View wrapper)
• Numero di telefono con paese:
  per la selezione del paese, basta aggiungere questo componente vicino al campo di immissione del testo del telefono. è facile da usare e personalizzabile.
• Scansione del codice QR:
  ho solo personalizzato questa libreria per la scansione del codice QR a schermo intero.
• Servizi di localizzazione:
  questo è per ottenere la posizione dell'utente:

• Notifica push:
  devi solo configurare Firebase e la notifica Apple.
• Grafico:
  ho usato il grafico a torta per visualizzare alcuni dati.
• Memoria locale:
• Conversione valuta:
• Selettore immagini:
• Selettore data e ora:
• Carica file sul server S3:
• Schermata iniziale personalizzata:
• Scorri la cella FlatList con i pulsanti:

Saltando sarà d'aiuto per la tua app!!!
Grazie.
Buona codifica :)