Première application dans React Native

Ici, je vais donner quelques bibliothèques et outils utiles que j'ai utilisés dans mon application.

• Lorsque nous commençons le développement d'applications React Native, nous devons d'abord décider d'un environnement de travail comme Expo ou CLI .
• Alors, commençons par CLI…
  - Dans mon application, j'ai utilisé CLI et je préfère CLI car dans expo, nous avons peut-être des limitations pour les bibliothèques et d'autres parties bloquées.
  - Pour iOS, vous devez configurer Xcode et pour Android, Android Studio.
  - Référence :https://reactnative.dev/docs/environment-setup
• Ensuite, nous devons décider de l'outil de développement (IDE). nous avons beaucoup d'options pour le même. mais je préfère Visual Studio Code car c'est un outil très léger pour développer une application.
• Structure du projet :
  c'est la partie la plus importante de tout développement logiciel. Globalement, nous avons de nombreux projets et une structure de répertoires, utilisez donc la structure la plus simple et la plus compréhensible, cela sera utile pour l'identification des bogues et facile pour le développement. (Entretien et accessibilité)
• Gestion des états : pour réagir nativement, la réponse la plus simple est Redux , et il est facile à mettre en œuvre et à gérer les états.

Utilisez autant de packages tiers que possible et créez vos propres composants personnalisés ou structure utilitaire pour améliorer les performances.

Exemple : au démarrage, j'ai essayé des bibliothèques de validation pour les champs de saisie, mais j'ai ensuite pensé « pourquoi j'utilise d'autres fonctions inhabituelles fournies par ces bibliothèques ? » parce que dans les bibliothèques, certaines fonctionnalités peuvent ne pas être adaptées et utiles pour notre application, alors je vous recommande de développer vos propres utilitaires pour cela.

• Navigation : au moment du développement, j'étais bloqué à un certain niveau avec le processus de navigation,
• car dans React Native, nous avons plusieurs packages pour la navigation, mais certains sont utiles et d'autres non.
  - Nous devons donc décider lequel convient le mieux aux exigences de notre application.
  - Donc ici, j'avais utilisé React-Navigation pour le flux de navigation.
  -https://reactnavigation.org/docs/getting-started
• Service API : Si nous avons 2 ou 3 appels de service Web que je préfère, la récupération est la meilleure option.
  - Mais si nous avons plus que ça alors je préfère choisir Axios . Axios fournit la meilleure structure de réponse et la meilleure gestion des erreurs afin que nous puissions facilement identifier la réponse ainsi que les erreurs.
• Authentification sociale :
  dans mon application, j'ai implémenté :

Connexion Facebook :

Connexion Apple :

• Liste déroulante :
  lorsque vous recherchez un package déroulant dans React Native, vous obtiendrez de nombreux packages pour cela.
  Mais je préfère celui-ci, car il est facile à utiliser et aussi très personnalisable.
  (Il suffit de rechercher le problème zIndex, vous le résoudrez avec l'ajout d'un wrapper de vue)
• Numéro de téléphone avec pays :
  pour la sélection du pays, ajoutez simplement ce composant près du champ de saisie de texte Téléphone. il est facile à utiliser et personnalisable.
• Scan du code QR :
  je viens de personnaliser cette bibliothèque pour un scan du code QR en plein écran.
• Services de localisation :
  c'est pour obtenir l'emplacement de l'utilisateur :

• Notification push :
  Il vous suffit de configurer la notification Firebase et Apple.
• Graphique :
  j'ai utilisé un graphique à secteurs pour afficher certaines données.
• Stockage local:
• Conversion de devise :
• Sélecteur d'images :
• Sélecteur de date et d'heure :
• Télécharger le fichier sur le serveur S3 :
• Écran de démarrage personnalisé :
• Balayez la cellule FlatList avec les boutons :

En espérant que cela aidera votre application !!!
Merci.
Bon codage :)