Fermer

décembre 3, 2018

10 autres choses que vous ne saviez pas sur créer l'application React


Note de la rédaction: Le mois dernier, nous avons publié un autre article intitulé " 5 choses que je ne savais pas sur la création d'une application React ". Consultez-le également pour en savoir plus sur React!

Apprenez nouveaux conseils et astuces pour Create React App pour vous rendre plus productif avec les outils et vous aider à créer vos applications plus rapidement.

Create React App est un outil développé pour la configuration d'applications React. Il évite à ses utilisateurs de prendre beaucoup de temps lors de la configuration et de la configuration. En utilisant Create React App, les utilisateurs peuvent configurer et exécuter des applications React d’une page en quelques minutes.

Cet outil ingénieux peut en faire beaucoup pour ses utilisateurs. Certaines fonctionnalités sont très populaires, comme le fait qu’elle ne nécessite aucune installation et que les utilisateurs peuvent créer une application à part entière en exécutant une seule commande. Mais cet outil peut faire beaucoup plus que même certains de ses utilisateurs les plus fidèles.

Dans cet article, nous allons passer en revue une liste de dix choses que vous ignorez probablement sur Create React App. Certains d'entre eux peuvent vous surprendre. Si vous constatez que vous connaissez la plupart des choses énumérées ici, vous devriez alors garder un œil sur les quelques-unes de celles que vous connaissez pour la première fois – elles pourraient vraiment être utiles.

1. Assistance aux travailleurs des services

Create React App propose une assistance immédiate pour les employés des services. Cela signifie que votre application peut être une application Web progressive fonctionnant hors ligne et utilisant une stratégie cache-first. Dans le dernier volet de Create React App (version 2) les techniciens de maintenance sont uniquement optionnels.

Pour utiliser les techniciens de maintenance de votre version de production, vous devez l’inscrire dans votre index.js fichier. Dans votre fichier src / index.js recherchez la ligne suivante:

 // Si vous souhaitez que votre application fonctionne en mode hors connexion et se charge plus rapidement, vous pouvez modifier 
 // unregister () en enregistrer () ci-dessous. Notez que cela vient avec des pièges. 
 // En savoir plus sur les travailleurs des services: http://bit.ly/CRA-PWA 
désinscription du registre serviceWorker .   () ;

Modifier le serviceWorker.unregister () à serviceWorker.register () . Si vous choisissez d'utiliser un agent de service, votre application devient une application Web progressive progressive, avec les actifs en cache et la possibilité de l'ajouter à l'écran d'accueil pour les utilisateurs mobiles.

2. Préfixe automatique CSS

Pour assurer la prise en charge multi-navigateurs, l’application Create React ajoute des préfixes de fournisseur au fichier CSS de l’application. Cela réduit le stress lié à l'ajout manuel de préfixes de fournisseur lors du style des composants. La propriété d'affichage flex en est un exemple. L'extrait ci-dessous sera transformé à partir de ceci:

 .App   {
  display :  flex ; 
  flex-direction :
 
 Le meilleur outil 2023 pour ta croissance Instagram ! 
 
 
   
 
Source link