allforonereactrebuild
1.0.0
Nom: Elizabeth Trotter
Il s'agit d'une rebuild of a former project qui consolide les anciens anciens points de terminaison API Mini dans une application Web de 10 pages. L'objectif de ce projet était d' learn how to use React . Ce projet a été prototypé sur Figma à l'aide d'une mobile first design .
Note
Cette application va à partir d'une Web API entièrement fonctionnelle que j'ai créée et déployée sur Azure . Il est accessible par d'autres applications sur HTTP.
Figure 1: Aperçu mobile de la page d'accueil et des deux premiers niveaux
Nom: ZACHARY DRESSEL DATE / TEMPS: 2/9/24 15:55 Commentaire (s): Le projet est parfait pour la demande de réaction, tout fonctionne bien, sauf pour le niveau 2 qui est en arrière, et ce niveau 9 pourrait utiliser une description plutôt que la sortie du nom. Le site Web est également totalement réactif, globalement incroyable!
Problèmes résolus:
Ce projet a été enraciné avec Create React App.
Dans le répertoire du projet, vous pouvez courir:
npm start Exécute l'application en mode développement.
Ouvrez http: // localhost: 3000 pour le voir dans votre navigateur.
La page se rechargera lorsque vous apportez des modifications.
Vous pouvez également voir des erreurs de peluche dans la console.
npm test Lance le coureur de test en mode de montre interactif.
Voir la section concernant l'exécution des tests pour plus d'informations.
npm run build Créez l'application pour la production dans le dossier build .
Il réagit correctement en mode de production et optimise la construction pour les meilleures performances.
La construction est minifiée et les noms de fichiers incluent les hachages.
Votre application est prête à être déployée!
Voir la section sur le déploiement pour plus d'informations.
npm run eject Remarque: il s'agit d'une opération à sens unique. Une fois que vous eject , vous ne pouvez pas revenir en arrière!
Si vous n'êtes pas satisfait de l'outil de construction et des choix de configuration, vous pouvez eject à tout moment. Cette commande supprimera la dépendance à la construction unique de votre projet.
Au lieu de cela, il copiera tous les fichiers de configuration et les dépendances transitives (WebPack, Babel, Eslint, etc.) dans votre projet afin que vous ayez un contrôle complet sur eux. Toutes les commandes, sauf eject fonctionneront toujours, mais elles pointent vers les scripts copiés afin que vous puissiez les ajuster. À ce stade, vous êtes seul.
Vous n'avez jamais à utiliser eject . L'ensemble de fonctionnalités organisé convient aux déploiements petits et intermédiaires, et vous ne devriez pas vous sentir obligé d'utiliser cette fonctionnalité. Cependant, nous comprenons que cet outil ne serait pas utile si vous ne pouviez pas le personnaliser lorsque vous êtes prêt pour cela.
Vous pouvez en savoir plus dans la documentation Create React App.
Pour apprendre React, consultez la documentation React.
Cette section a déménagé ici: https://facebook.github.io/create-react-app/docs/code-spliting
Cette section a déménagé ici: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
Cette section a déménagé ici: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
Cette section a déménagé ici: https://facebook.github.io/create-react-app/docs/advanced-configuration
Cette section a déménagé ici: https://facebook.github.io/create-react-app/docs/deployment
npm run build ne parvient pas à minimerCette section a déménagé ici: https://facebook.github.io/create-react-app/docs/trouleshooting #npm-run-build-fails-to-minify
