Formation React Native
| 1710€ HT / personne |
| 3 jours (21 heures) |
Présentation
React Native est une technologie Open-Source de Facebook permettant la production d’applications mobiles natives sur iOS & Android. Ce programme « React Native, créer des applications mobiles multiplateformes » de 3 jours de formation est un condensé intensif des meilleures pratiques pour aborder un projet React Native.
Découvrez comment créer des applications mobiles multiplateformes performantes et modernes grâce à cette formation intensive sur React Native. En seulement trois jours, maîtrisez les fondamentaux, développez des interfaces attractives et performantes, intégrez des fonctionnalités natives avancées et publiez votre app sur les principaux stores.
Dès le premier jour, plongez dans l’univers de React Native : explorez les différences essentielles entre développement natif et hybride, familiarisez-vous avec ES2023, TypeScript, JSX et les dernières innovations telles que Hermes et Fabric. Installez rapidement un environnement professionnel complet avec Node, VSCode, Expo ou React Native CLI.
Le deuxième jour est consacré à la création d’une expérience utilisateur remarquable. Concevez des interfaces réactives avec des bibliothèques modernes telles que NativeBase, Paper et des outils avancés comme NativeWind. Simplifiez la navigation et intégrez facilement des animations et transitions fluides pour une expérience utilisateur optimale.
Apprenez à gérer efficacement les données avec React Query et le stockage ultra-rapide React Native MMKV. Explorez aussi Firebase pour la gestion en temps réel et l’authentification. Chaque étape est validée par un atelier pratique garantissant une acquisition solide des compétences.
Enfin, accédez à des fonctionnalités natives comme la caméra avancée VisionCamera, optimisez vos performances et déployez votre application facilement grâce à Expo EAS. Assurez la qualité avec Jest et Maestro, et réussissez votre mise en ligne sur Google Play et l’App Store.
La formation utilisera la dernière version stable en date du projet (React Native 0.79 à ce jour).
Objectifs
- Connaître les Framework de développement mobile et la spécificité de React Native.
- Mettre en place un environnement de développement React Native
- Concevoir l’architecture logicielle d’une application mobile multiplateforme
- Construire une interface utilisateur fluide et performante
- Utiliser les principaux composants et les API natives proposées par React Native
Public visé
Développeurs, Architectes
Pré-requis
- Connaissances de base en programmation et en JavaScript. Dans l’idéal, avoir suivi nos formations sur React ou ReactiveX au préalable
- Tester Mes Connaissances
Programme de la formation React Native : Créer des applications mobiles multiplateformes
Jour 1 : Fondamentaux & Environnement
React Native, de la théorie à la pratique
- Concepts multiplateformes
- Fonctionnement natif vs hybride
- JavaScript moderne (ES2023, async/await, modules) vs TypeScript
- Transpilation (Babel) et JSX (syntaxe déclarative UI)
- Nouveautés React Native (Hooks, Hermes, Fast Refresh)
- Nouvelle architecture : moteur de rendu Fabric et les TurboModules
- Atelier pratique : Choix de l’app fil rouge et identification des fonctionnalités clés.
Installer son atelier React Native
- Environnement (Node, VSCode, Android Studio, Xcode)
- Npm ou Yarn ?
- Expo CLI vs React Native CLI
- Premier projet : structure et fichiers clés
- Architecture
- Anatomie d’un composant React
- JSX Spécifique / Babel / ES6
- Inline CSS / Flexbox
- State, Navigation
- Atelier : Installer, mettre en place et exécuter l’app fil rouge.
Structurer efficacement une application React Native
- Composants, Props, State
- Hooks (useState, useEffect)
- Hooks & composants fonctionnels
- Redux Toolkit & Zustand (gestion d’état simplifiée)
- Atelier pratique : Initialisation de l’architecture logicielle de l’app fil rouge.
React Native 2023-2025, les dernières nouveautés
- Fabric (nouvelle architecture, rendu optimisé)
- Hermes v2 (chargement ultra-rapide, conso mémoire réduite)
- Expo Router (navigation simplifiée)
- React Server Components (support expérimental rendu serveur)
- TurboModules et JSI généralisés (interop JS/native rapide)
- React 18 Concurrent mode (interfaces fluides, réactives)
- EAS Updates (déploiement instantané OTA simplifié)
Jour 2 : Interfaces et Expérience Utilisateur
Construire une interface utilisateur attractive
- Composants de base (View, Text, Image, Button)
- Stylisation avancée (Flexbox, StyleSheet)
- Performance d’affichage : ScrollView
- FlashList (scroll performant)
- UI librairies modernes (NativeBase, Paper)
- NativeWind/Tamagui (styling avancé)
- Atelier pratique : Développement de l’écran principal responsive.
Faciliter la navigation et améliorer l’expérience
- React Navigation : stacks, tabs
- Passage de données entre écrans
- Animations simples pour transitions fluides
- Expo Router (routing simplifié, Deep Linking)
- React Server Components (expérimental)
- Atelier pratique : Intégration navigation et animations dans l’app fil rouge.
Formulaires et gestion des données
- Composants TextInput, Switch, Picker
- Validation simple et claire
- Communication API (Fetch)
- React Query (API caching)
- React Native MMKV (stockage rapide)
- Données en temps réel avec Firebase Realtime Database
- Firebase Auth
- Atelier pratique : Création d’un formulaire complet avec validation et stockage local.
Jour 3 : Fonctionnalités avancées et Déploiement
Utiliser les APIs natives indispensables
- Accès à la caméra et galerie photos
- Géolocalisation
- Gestion des permissions
- VisionCamera (caméra avancée)
- TurboModules & JSI (modules natifs rapides)
- Atelier pratique : Implémenter la prise de photo et affichage dynamique.
Debugger, Optimiser, tester et assurer la qualité
- Flipper intégré (débogage avancé)
- Tests unitaires (Jest)
- Debug et monitoring de performance
- Optimisations clés (memo, PureComponent)
- React 18 Concurrent mode
- Atelier pratique : Tests unitaires et optimisation d’un composant clé.
Déployer son app sur les stores
- Génération APK/IPA
- Signature d’application
- Publication rapide sur App Store/Google Play
- Maestro (tests end-to-end automatisés)
- Expo EAS & OTA updates (déploiement simplifié)
- Atelier pratique : Préparer et simuler une publication sur les stores.
FAQ – QUESTIONS / RÉPONSES
La formation est-elle dispensée en présentiel ou à distance ?
Cette formation se déroule en présentiel ou en distanciel.
Qu'est-ce que le CPF ?
Pourquoi suivre une formation éligible au CPF ?
Une formation finançable jusqu’à 100%
Une formation de qualité approuvée par l’instance gouvernementale France Compétences
L’obtention d’une certification délivrée par France Compétences
Que dois-je faire si mon solde CPF n’est pas suffisant ?
Comment m'inscrire via moncompteformation ?
Comment augmenter son solde CPF ?
Les cas spécifiques où le plafond est fixé à 8 000€ :
- Salarié non qualifié
- Travailleur reconnu handicapé
- Victime d’accident du travail ou de maladie professionnelle ayant entraîné une incapacité permanente d’au moins de 10 %
- Bénéficiaire d’une pension d’invalidité
- Bénéficiaire d’une pension militaire
- Bénéficiaire d’une allocation ou rente d’invalidité des sapeurs-pompiers volontaires
- Bénéficiaire de la carte mobilité inclusion portant la mention « invalidité »
- Bénéficiaire de l’allocation aux adultes handicapés (AAH)
Que dois-je faire si mon solde CPF n’est pas suffisant ?
Comment puis-je financer cette formation ?
- OPCO (opérateurs de compétences) de votre entreprise
- Le plan de développement des compétences
- Les actions collectives pour les formations Big Data
- Le dispositif FNE-Formation
- Dispositif TPE / PME
- Pôle Emploi
- L’AIF (Aide Individuelle à la Formation pour les demandeurs d’emploi)
- L’ARE (Allocation chômage d’aide au retour à l’emploi)
- Le dispositif CPF (MonCompteformation)
- Contrat cadre
Pour aller plus loin
Formation React Avancé
Formation React
Formation ReactXP
Formation Redux et RxJS
Formation Angular
Formation Vue.js
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Sydney
Alexandre
Témoignages
Merci à Sydney pour son retour d’expérience sur React Native, semaine intense, cela va m’être très utile pour la suite
Afficher tous les témoignages
Merci à Sydney pour son retour d’expérience sur React Native, semaine intense, cela va m’être très utile pour la suite
Une formation utile et bien menée, malheureusement trop courte
Noter la formation
| 1710€ HT / personne |
| 3 jours (21 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS
