Accueil > Réseaux et Télécoms > React Native : développer une application mobile native multiplateformes
Formation #RST295

Formation React Native : développer une application mobile native multiplateformes

Durée : 4 jours

Code : RST295

Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)

Objectifs

  • Disposer des connaissances et compétences nécessaires pour aborder un projet React Native en toute sérénité
Programme
1/ Introduction
  • Retour sur le développement mobile
  • Le développement natif, l'hétérogénéité et la fragmentation
  • Panorama Frameworks et outils pour le développement multiplateforme
2/ Présentation de React Native
  • Présentation générale, historique
  • Positionnement de React Native par rapport aux solutions existantes
  • ECMAScript 6, 7, moteur Babel et syntaxe JSX
  • Installer et configurer React Native
  • Outils de développement et de debug
3/ Architecture d'application
  • Configurer un composant : state & props
  • React Native et MVC
  • Le pattern Flux, une alternative au MVC
  • L'arrivée de Redux : le store, le reducer, les actions
4/ Les bases de React Native
  • Les composants de base : View, Text et Image
  • Cycles de vie des composants
  • Créer un composant
  • Les props et states pour configurer un composant
  • Différences entre props et states
5/ Style des composants et mise en page avec Flexbox
  • Déclaration et utilisation des styles
  • L’API Stylesheet, méthodes et propriétés
  • Gérer la taille des composants à l’écran
  • Appliquer des styles spécifiques à un composant
  • Combiner, organiser et partager des styles
  • Mise en page avec Flexbox. Différences avec CSS sur le web
  • Contrôler la disposition des éléments avec Flexbox
  • Maîtriser l’utilisation de flexDirection, justifyContent et alignItems
6/ Construction d’une application React Native
  • Gérer les entrées textuelles de l’utilisateur
  • Les événements Touch, la ListView et la ScrollView
  • Utiliser les composants FlatList, SectionList et ScrollView
  • Définir la hiérarchie des composants
  • Organiser les répertoires pour bien structurer son projet
  • Utiliser des composants de la communauté
7/ Navigation et animations
  • Les différentes solutions de navigation entre les pages
  • Présentation de React Navigation
  • Navigation entre les écrans d’une application
  • Gestion de la hiérarchie des routes et l’historique de navigation
  • Le composant NavigatorIOS
  • Options avancées de navigation
  • Les APIs Animated et LayoutAnimation
  • Créer et configurer des animations
  • Animer des éléments en réponse à une interaction tactile avec PanResponder
8/ Les formulaires et la gestion des données
  • Les principaux composants de formulaires
  • La validation de la saisie et la gestion des erreurs
  • Utiliser Redux pour une meilleure gestion des données
  • Récupération des données : xmlhttprequest et fetch
  • Le stockage local
  • Stockage offline et persistance des données avec AsyncStorage
9/ Interagir avec le terminal
  • Spécificités des plateformes iOS et Android
  • Ajouter la géolocalisation à son application
  • Accéder aux photos et à la caméra avec CameraRoll
  • Gérer les permissions
  • Développer un module natif ( pour Android et IOs )
10/ Aspects avancés
  • Bonnes pratiques de développement et erreurs à éviter
  • Optimiser les performances de l’application
  • Tests unitaires et fonctionnels
  • Publication de l'application sur les stores
  • CodePush pour le déploiement continu
  • Mises à jour Over The Air
  • Frameworks et outils complémentaires
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Architectes
  • Chefs de Projet
  • Développeurs