Formation React Native : développer des applications mobiles natives

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