Oftadeh - React Admin Responsive Template est une application React entièrement écrite en Javascript (reactjs et materials-ui) et n'a aucune dépendance jQuery.
Pour voir une démo en direct, cliquez ici.
React est le cœur de notre modèle. Si vous ne savez pas ce qu'est React ou ne savez pas comment l'utiliser, nous vous recommandons fortement de vérifier React avant de commencer à faire quoi que ce soit avec Oftadeh.
Create React App est un outil conçu par les développeurs de Facebook pour vous aider à créer des applications React. Cela vous évite une installation et une configuration fastidieuses.
npm start
npm test
npm run build
npm run eject
npm run build
ne parvient pas à réduireCette section vous donnera quelques informations sur les outils dont vous aurez besoin.
Pour installer et utiliser Oftadeh React, vous aurez besoin de Node.js installé sur votre ordinateur. Nous n'entrerons pas dans les détails de Node.js car cela sort du cadre de cette documentation. De plus, vous n'aurez pas besoin d'utiliser Node.js, cela n'est requis que pour le processus de développement.
A.Installation des prérequis
Téléchargez et installez au moins LTS ou la dernière version de Node.js depuis son site Web.
B.Installation d'Oftadeh React
Ouvrez votre application console préférée (Terminal, Invite de commandes, etc.), accédez à votre dossier de travail, exécutez la commande suivante et attendez qu'elle se termine :
npm install
Toujours dans votre dossier de travail, exécutez la commande suivante dans l'application console :
npm start
La commande suivante crée l'application dans un répertoire de sortie
npm run build
compile l'application dans le répertoire /build
Consultez la documentation create-react-app de Facebook : Déploiement
Voici la structure du projet Oftadeh React :
Ce projet a été démarré avec Create React App.
Dans le répertoire du projet, vous pouvez exécuter :
npm start
Exécute l'application en mode développement.
Ouvrez http://localhost:3000 pour l'afficher dans le navigateur.
La page se rechargera si vous apportez des modifications.
Vous verrez également des erreurs de charpie dans la console.
npm test
Lance le testeur en mode montre interactive.
Consultez la section sur l'exécution de tests pour plus d'informations.
npm run build
Construit l'application pour la production dans le dossier build
.
Il regroupe correctement React en mode production et optimise la construction pour les meilleures performances.
La construction est réduite et les noms de fichiers incluent les hachages.
Votre application est prête à être déployée !
Consultez la section sur le déploiement pour plus d'informations.
npm run eject
Attention : il s’agit d’une opération à sens unique. Une fois eject
, vous ne pouvez plus 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 de build unique de votre projet.
Au lieu de cela, il copiera tous les fichiers de configuration et les dépendances transitives (webpack, Babel, ESLint, etc.) directement dans votre projet afin que vous en ayez le contrôle total. Toutes les commandes, à l'exception eject
fonctionneront toujours, mais elles pointeront vers les scripts copiés afin que vous puissiez les modifier. À ce stade, vous êtes seul.
Vous n’êtes jamais obligé d’utiliser eject
. L'ensemble de fonctionnalités organisé est adapté aux déploiements de petite et moyenne taille, 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 y êtes prêt.
Vous pouvez en savoir plus dans la documentation de l'application Create React.
Pour apprendre React, consultez la documentation React.
Cette section a été déplacée ici : https://facebook.github.io/create-react-app/docs/code-splitting
Cette section a été déplacée ici : https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
Cette section a été déplacée ici : https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
Cette section a été déplacée ici : https://facebook.github.io/create-react-app/docs/advanced-configuration
Cette section a été déplacée ici : https://facebook.github.io/create-react-app/docs/deployment
npm run build
ne parvient pas à réduireCette section a été déplacée ici : https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify
Entièrement gratuit (MIT) ! Voir LICENSE.md pour en savoir plus.
Vous pouvez nous faire un don. lien pour faire un don