
? Modèle de réact noral d'ananas
? Dépendances
- Stockage asynchrone - stockage de valeurs de clé
- REACT NIGNAGE KEYCHAIN - Stockage sécurisé
- Navigation React - Navigation entre les écrans et les onglets inférieurs
- React Navigation Devtools - Outils pour déboguer la navigation
- REDUX Toolkit - Requêtes de gestion de l'État et RTK
- Axios - Réseautage
- Date-FNS - utilitaire de date
- Formrik - Build Forms
- Yup - validation du formulaire
- Rngh 2 - gestes
- Reanimé 2 - Animations
- React natif svg - créer svg
- Écran d'éclaboussure native React - Écran d'éclaboussure
? Développements de développement
- Résolver du module - Alias de chemin
- Transformateur SVG - Utilisez SVG comme composants
- RN Flipper - Activer le débogueur Flipper
? Installation
Branche principale
- Installer des dépendances et des pods
npm i && cd ios && pod install
- Construisez un projet avec Xcode ou Android Studio
- Faites du café pendant la construction du projet☕️
- Exécutez Metro Bundler (s'il n'est pas encore ouvert) et exécutez une application
Succursale de base
- Créez un nouveau projet avec le modèle de type:
npx react-native init AwesomeTSProject --template react-native-template-typescript
- Déplacez les fichiers de ce référentiel vers un projet que nous venons de créer
- Configurez l'écran Splash pour iOS et Android
- Configurer React-Cavigation
- Configurer REANIMÉ 2 pour Android
- Installer des dépendances
- Installer des pods
- Construisez un projet avec Xcode ou Android Studio
? Déboguer
Ce modèle est intégré à Flipper pour déboguer une application
Plugins Flipper
Ressources utiles
- ? Écran de splash et générateur d'applicons
- ? Convertir SVG en composant natif React
Si vous avez des suggestions ou des questions, n'hésitez pas à faire une demande de traction ou à nous contacter!
Passer par
Omisoft
Licence
Le modèle réactif d'ananas est libéré sous la licence MIT.
Voir la licence pour plus de détails.