Cette formation React Native est conçue pour vous permettre de créer des applications mobiles natives en utilisant JavaScript et React. Vous explorerez l'ensemble de l'écosystème de React Native, des premières étapes d'installation et de configuration jusqu'à la gestion des différentes interfaces et fonctionnalités mobiles.
- Maîtriser les fondamentaux de React Native
- Créer des interfaces utilisateur natives et réactives
- Comprendre et utiliser les composants essentiels de React Native
- Gérer la navigation et les états dans une application mobile
- Interagir avec des API externes
- Développer des applications complètes et fonctionnelles
| N° | Chapitre | Description |
|---|---|---|
| 1 | Introduction | Présentation générale de la formation |
| 2 | React Native et son Ecosystème | Vue d'ensemble de l'environnement React Native |
| 3 | Préparation, Installation + Fichiers sources | Configuration de l'environnement de développement |
| 4 | Prévisualiser sur Windows | Configuration pour Windows |
| 5 | Prévisualisation sur IOS | Configuration pour iOS |
| 6 | Le composant View | Manipulation du conteneur de base |
| 7 | Le composant Text | Gestion du texte |
| 8 | Le composant Image | Intégration d'images |
| 9 | Le composant ImageBackground | Arrière-plans avec images |
| 10 | Le composant ScrollView | Création de vues défilantes |
| 11 | Le composant Activity Indicator | Indicateurs de chargement |
| 12 | Le composant Button | Création de boutons |
| 13 | Le composant Pressable | Éléments interactifs avancés |
| 14 | Le composant Modal | Fenêtres modales |
| 15 | Le composant StatusBar | Personnalisation de la barre de statut |
| 16 | Le composant Alert | Gestion des alertes |
| 17 | Custom | Personnalisation des composants |
| 18 | Le module StyleSheet | Stylisation des composants |
| 19 | Créer des boxs | Création de conteneurs |
| 20 | Shadow | Effets d'ombre |
| 21 | Héritage | Concepts d'héritage des styles |
| 22 | Introduction Layout et Props | Base de la mise en page |
| 23 | La propriété Flex | Flexbox en React Native |
| 24 | La propriété FlexDirection | Direction des éléments |
| 25 | La propriété JustifyContent | Alignement principal |
| 26 | La propriété ALignItems | Alignement secondaire |
| 27 | La propriété AlignSelf | Auto-alignement |
| 28 | La propriété FlexWrap | Gestion du débordement |
| 29 | Les propriétés Gap, RowGap, ColumnGap | Espacement des éléments |
| 30 | Les propriétés Flex Basis, flex shrink et flex grow | Contrôle de la taille |
| 31 | Les positions | Positionnement des éléments |
| 32 | Margin et Padding | Gestion des marges |
| 33 | Width et Height | Dimensions des éléments |
| 34 | Borders | Bordures et contours |
| 35 | Text props | Propriétés du texte |
| 36 | Dimensions | Gestion des dimensions |
| 37 | UseWindowDimensions | Dimensions de l'écran |
| 38 | SafeAreaView | Zones sécurisées |
| 39 | DrawerLayoutAndroid | Menu latéral Android |
| 40 | TouchableNativeFeedBack | Retour tactile natif |
| 41 | EXERCICE - User card | Projet pratique |
| 42 | Le composant FlatList | Listes performantes |
| 43 | Separator List | Séparateurs de liste |
| 44 | TextInput | Champs de saisie |
| 45 | EXERCICE - Pokemon Search | Projet de recherche |
| 46 | Switch | Boutons à bascule |
| 47 | Login Form | Formulaire de connexion |
| 48 | KeyboardAvoidingView et Platform | Gestion du clavier |
| 49 | Validation et soumission de formulaire | Validation des données |
| 50 | Introduction Networking | Base des requêtes réseau |
| 51 | Méthode Fetch | Requêtes avec Fetch |
| 52 | Requête avec Axios | Utilisation d'Axios |
| 53 | Refresh | Actualisation des données |
| 54 | EXERCICE - Pokemon Cards | Projet d'application |
| 55 | Introduction à react navigation | Navigation entre écrans |
| 56 | Stack | Navigation par pile |
| 57 | Navigation avec Stack | Implémentation du Stack |
| 58 | Passage de props | Transmission de données |
| 59 | Options de stack | Configuration avancée |
| 60 | Tabs Navigator | Navigation par onglets |
| 61 | Ajouter des icones | Intégration d'icônes |
| 62 | Tabs Options | Options des onglets |
| 63 | Badges | Notifications visuelles |
| 64 | Conclusion | Récapitulatif et perspectives |
Au cours de cette formation, vous réaliserez plusieurs projets pratiques :
- Création d'une User Card
- Développement d'une application de recherche Pokémon
- Gestion de cartes Pokémon
- Création d'un système d'authentification
Formation disponible sur La Minute De Code
- Connaissances de base en JavaScript
- Familiarité avec React
- Environnement de développement configuré (Node.js, npm/yarn)
- IDE de votre choix
Pour toute question ou assistance :
- Consultez la F.A.Q sur le site
- Contactez le support via la plateforme
- Rejoignez la communauté d'apprenants
© 2025 La Minute De Code. Tous droits réservés.