React Native, développer des applications mobiles natives par Orsys
Lieu(x)
En centre (31)
Durée
Total : 21 heures
En centre : 21 heures
Financement
Demandeur d’emploi
Salarié
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
Introduction
- Le développement natif, l'hétérogénéité et la fragmentation.
- Les principaux outils cross
- platform.
- Positionnement de React Native par rapport aux solutions existantes.
React Native
- Rappels sur ES6/S201x. Notion de transpileur.
- React et le superset de JavaScript JSX.
- React Native : principes clés, fonctionnement général.
- Installation et configuration de React Native.
- Outils de développement et de debug.Travaux pratiquesInstallation et configuration de React Native. Maîtriser le debugger.
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.Travaux pratiquesInitialisation d'un projet React Native. Configuration d'un composant.
Construire son interface
- Les composants de base (View, Text et Image) et leurs cycles de vie.
- Les événements Touch, la ListView et la ScrollView.
- Organiser le layout de l'application. Mise en page avec Flexbox.
- Styler les composants.
- Les différentes solutions de navigation entre les pages.
- Composants avancés.
- Utiliser des composants de la communauté.
- Ajouter des animations et des transitions.Travaux pratiquesDévelopper une première application.
Les formulaires et la gestion des données
- Les principaux composants de formulaires.
- La validation de la saisie et la gestion des erreurs.
- Redux
- form et alternatives.
- Récupération des données : xmlhttprequest et fetch.
- Le stockage local.
- La gestion offline.Travaux pratiquesDévelopper un formulaire, valider les données et assurer la persistance des données.
Interagir avec le terminal
- Les principales API natives de React Native.
- Utiliser les plugins Cordova/PhoneGap.
- Le développement natif, l'hétérogénéité et la fragmentation.
- Les principaux outils cross
- platform.
- Positionnement de React Native par rapport aux solutions existantes.
React Native
- Rappels sur ES6/S201x. Notion de transpileur.
- React et le superset de JavaScript JSX.
- React Native : principes clés, fonctionnement général.
- Installation et configuration de React Native.
- Outils de développement et de debug.Travaux pratiquesInstallation et configuration de React Native. Maîtriser le debugger.
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.Travaux pratiquesInitialisation d'un projet React Native. Configuration d'un composant.
Construire son interface
- Les composants de base (View, Text et Image) et leurs cycles de vie.
- Les événements Touch, la ListView et la ScrollView.
- Organiser le layout de l'application. Mise en page avec Flexbox.
- Styler les composants.
- Les différentes solutions de navigation entre les pages.
- Composants avancés.
- Utiliser des composants de la communauté.
- Ajouter des animations et des transitions.Travaux pratiquesDévelopper une première application.
Les formulaires et la gestion des données
- Les principaux composants de formulaires.
- La validation de la saisie et la gestion des erreurs.
- Redux
- form et alternatives.
- Récupération des données : xmlhttprequest et fetch.
- Le stockage local.
- La gestion offline.Travaux pratiquesDévelopper un formulaire, valider les données et assurer la persistance des données.
Interagir avec le terminal
- Les principales API natives de React Native.
- Utiliser les plugins Cordova/PhoneGap.
Objectifs
- 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
- 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
Centre(s)
- Toulouse (31)
Secteur(s)
Formation proposée par : Orsys
À découvrir