A l’issue de la formation, l’apprenant sera capable de :
Installer et configurer un projet React Native
Développer des interfaces utilisateurs à base de composants
Afficher des listes de données
Collecter des données utilisateurs avec des formulaires
Mettre en place la navigation dans l’application
Implémenter des services d’accès aux serveurs de données
Implémenter le design pattern FLUX avec Redux
Ecrire des tests unitaires
Accéder aux fonctions natives de l’appareil
Optimiser, construire et déployer l’application
- Développement
- Développement Mobile
Formation React native développer des applications mobiles multiplateformes
Objectifs
Certification
Prérequis
Bonnes connaissances en JavaScript, Asynchrone, POO et React ou React Native
Un entretien en amont avec notre expert permet de prendre en compte le profil de chaque participant (niveau, objectifs et résultats attendus, contexte professionnel, enjeux…) et d’adapter le contenu de la formation si besoin.
Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.
Public
– Développeurs informatiques
– Architecte logiciel
– Consultants et chefs de projets proches du développement.
– Développeur WEB
Dernière mise à jour
Programme mis à jour le 18 septembre 2024
Bon à savoir
Evaluez votre niveau
Pour vous aider à bien choisir votre formation, nous vous proposons soit un entretien avec le formateur soit un test d’évaluation. Cela vous assurera que vous disposez des connaissances nécessaires pour suivre la formation dans des conditions optimales.
Formations modulables
Toutes nos formations sont disponibles en présentiel comme en distanciel, en mode coaching individuel ou en groupe de 3 à 6 participants maximum.
Travaux pratiques
Nos formations comprennent de nombreux travaux pratiques pour un meilleur apprentissage (60 % de pratique). Nous proposons également de travailler sur vos données pour une meilleure expérience.
Les Modules
de formation
Module1
Jour 1 : Introduction et Fondamentaux de React Native
Introduction à la formation React Native
• Tour d’horizon du développement mobile moderne
• Les principaux outils et frameworks pour le développement multiplateforme (Cordova, Ionic, NativeScript, Flutter)
• Vue d’ensemble de React Native : son historique et son positionnement dans l’écosystème actuel
• Les avantages d’Expo pour le développement rapide
L’architecture de React Native et les concepts fondamentaux
• Comprendre les principes de base de React
• Le Virtual DOM et son fonctionnement
• « Penser en React » : composants, props, state et cycle de vie
• Introduction à TypeScript avec React Native
Les nouveautés de JavaScript (ECMAScript 6 à 2021)
• Aperçu des fonctionnalités ES6 à ES2021
• Le moteur Babel et la transpilation
• La syntaxe JSX
Installation et configuration de l’environnement de développement
• Installation de Node.js, npm et Expo CLI
• Création d’une première application avec Expo
• Introduction aux outils de debugging (React Native Debugger, Flipper)
Travaux pratiques :
• Installer l’environnement de développement complet
• Créer et exécuter une application React Native basique sur un simulateur ou un appareil réel
• Explorer les outils de debugging pour React Native
• Manipuler les nouveautés de JavaScript moderne
Module2
Jour 2 : Composants, Styles et Gestion d'État
Les composants de base en React Native
• Composants View, Text, Image, ScrollView, TextInput, Button, etc.
• Création de composants fonctionnels et à état
• Utilisation des Hooks React (useState, useEffect, etc.)
• Différences entre props et state
Styles et mise en page avec React Native
• Déclaration et application de styles
• L’API StyleSheet
• Introduction à Flexbox en React Native
o Propriétés principales : flexDirection, justifyContent, alignItems
• Gestion des dimensions et du positionnement des composants
• Combinaison et partage de styles
Gestion de l’état avec Zustand
• Introduction à Zustand pour la gestion de l’état global
• Mise en place d’un store Zustand
• Comparaison avec Redux
Travaux pratiques :
• Créer des composants personnalisés et les styler avec Flexbox
• Mettre en place une gestion d’état globale avec Zustand
• Construire une interface utilisateur interactive
Module3
Jour 3 : Navigation, Formulaires et Gestion des Données
La navigation dans React Native
• Introduction à React Navigation (version 6)
• Mise en place d’une navigation Stack, Tab et Drawer
• Passage de paramètres entre écrans
• Gestion de l’historique de navigation
Création de formulaires avec React Hook Form
• Introduction à React Hook Form pour la gestion des formulaires
• Validation des champs avec Yup
• Gestion des erreurs et feedback utilisateur
Récupération et gestion des données
• Introduction à TanStack Query (anciennement React Query)
o Gestion des requêtes asynchrones
o Mise en cache des données
o Gestion des états de chargement et d’erreur
• Appels API avec Fetch API ou Axios
• Introduction aux API REST et GraphQL
Travaux pratiques :
• Créer une application avec plusieurs écrans utilisant React Navigation
• Mettre en place un formulaire complet avec validation en utilisant React Hook Form
• Consommer une API REST publique en utilisant TanStack Query
Module4
Jour 4 : Modules Natifs, Multimédia et Stockage
Expo Modules et API
• Aperçu des modules Expo
• Utilisation de modules tels que Expo Sensors, Expo Location, Expo Notifications
Utilisation de la caméra avec React Native Vision Camera
• Introduction à React Native Vision Camera
• Gestion des permissions d’accès à la caméra
• Capture de photos et vidéos
• Traitement des images capturées
Gestion du stockage local
• Introduction à AsyncStorage pour la persistance des données
• Utilisation de bases de données locales (Realm, SQLite)
• Stockage sécurisé des données sensibles
Gestion avancée de l’état avec Redux
• Rappel sur Redux : actions, reducers, store
• Intégration de Redux dans une application React Native
• Utilisation de Redux Toolkit pour simplifier le code Redux
• Comparaison entre Redux et Zustand
Travaux pratiques :
• Intégrer la caméra dans l’application et permettre la capture de photos
• Stocker et récupérer des données utilisateur localement
• Mettre en place Redux pour la gestion globale de l’état de l’application
Module5
Jour 5 : Performance, Tests, Déploiement et Bonnes Pratiques
Optimisation des performances
• Techniques pour améliorer les performances de l’application
• Utilisation de la memoization et des Hooks useMemo, useCallback
• Profilage des performances avec Flipper
Tests et qualité du code
• Introduction aux tests unitaires avec Jest
• Tests d’intégration avec React Native Testing Library
• Linting et formatage du code avec ESLint et Prettier
Déploiement et publication
• Build et déploiement d’applications Expo sur l’App Store et Google Play
• Gestion des certificats et profils de provisioning
• Mise à jour Over-the-Air (OTA) avec Expo
• Utilisation de CodePush pour le déploiement continu
Bonnes pratiques et ressources supplémentaires
• Structure de projet recommandée
• Gestion des erreurs et journalisation
• Sécurité et protection des données
• Les erreurs de développement à éviter
• Ressources pour continuer à apprendre (documentation officielle, communautés, etc.)
Travaux pratiques :
• Écrire des tests pour les composants clés de l’application
• Préparer l’application pour le déploiement sur les stores
• Optimiser l’application pour une meilleure performance
• Intégrer des outils de déploiement continu
Les prochaines
sessions de formation
Sur demande
Vous souhaitez organiser cette formation à une date spécifique ?Contactez-nous en remplissant le formulaire ci-dessous
18 novembre 2024
06 janvier 2025
03 mars 2025
05 mai 2025
