Formation React Native.
96% de clients Sparks satisfaits (3317 notes)
Durée :
4 jours
18/01/2021 à Lille
numero vert : 0805 950 800 (service et appel gratuits)
React Native
à partir de
2350 €HT
Formation référencée Datadock

Référence :
1REN
Durée :
4 jours
TP :
50%

Disponible en distanciel et dans 17 villes
Ce stage comprend
 28 heures de formation
50% de travaux pratiques
Prise en charge OPCO possible

Formation React Native.

Avec notre formation React Native, apprenez à développer en 4 jours des applications mobiles natives, en présentiel ou à distance!

React Native est un framework open source développé par Facebook pour les applications mobiles. Grâce à notre formation React Native pour les professionnels de 4 jours, vous apprendrez à développer des applications pour Android, iOS et UWP en natif! Cette formation React Native est disponible à distance comme en présentiel.

Objectifs pédagogiques.

Prérequis : Connaissances basiques en JavaScript
18/01/2021 à Lille
19/01/2021 à Paris
02/02/2021 à Lyon

Programme de formation React Native.

Introduction à la formation React Native

.
Tour d’horizon du développement mobile
Les principaux outils et frameworks pour développer en multiplateformes (Cordova, Ionic, NativeScript…)
Vue d’ensemble de React Native : son historique et son positionnement
L’architecture React Native et les concepts fondamentaux
L’ECMAScript 6, 7 et 8,
Le moteur Babel
La syntaxe JSX
Comment « penser React » ?
Installation et configuration de React Native

Travaux pratiques possibles : Installer l’environnement de développement, créer sa première application React Native et prendre en main le debugging. Manipuler les nouveautés ES6, ES7 et ES8.

React Native : le basique

Les composants basiques en React Native : View, Text, Image…
Le Cycle de vie des composants React
Création d’un composant
Utilisation des props et des states pour la configuration d’un composant
Les différences entre props et states

Travaux pratiques possibles : Démarrer un projet sous Create-React-Native-App. Créer et configurer des composants.

La mise en page en React Native avec Flexbox

Déclaration de styles
Utilisation des styles
L’API Stylesheet
Les méthodes d’utilisation de l’API, ses propriétés
Contrôle des dimensions des composants à l’écran
Application de styles particuliers à un composant
Combinaison, organisation et partage de styles
Introduction à Flexbox, différences avec CSS sur le web
Contrôle de la disposition d’éléments avec Flexbox
Bien utiliser flexDirection, justifyContent et alignItems

Travaux pratiques possibles : Manipulation des styles, découverte des bonnes pratiques, utilisation des différentes propriétés et valeurs de Flexbox.

Architecture : Flux et Redux

Présentation du MVC (Model-View-Controller)
Présentation de l’architecture d’une application Flux
Intérêts de Flux
La librairie JavaScript Redux : actions, reducer(s), store
Installation et implémentation de Redux
Présentation de MobX

Travaux pratiques possibles : Introduction à de Flux et Redux pour la gestion des états d’une application.

Construire une application React Native

Gestion des entrées textuelles de l’utilisateur
Travail avec Touch et le Gesture Responder System
Utilisation de composants FlatList, SectionList et ScrollView
Définition d’une hiérarchie de composants
Organisation de répertoire pour la structure d’un projet
Utilisation de composants développés communautairement : les chercher et les appliquer

Travaux pratiques possibles : Développer une application React Native à l’aide de composants natifs et tiers, Manier Awesome React Native.

Navigation et animations

Tour d’horizon des solutions de gestion de la navigation
Introduction à React Navigation
Navigation entre plusieurs écrans d’une application
Gestion de la hiérarchie de routes
Gestion d’historique de navigation
Le composant NavigatorIOS
Naviguer : les options avancées
Les APIs Animated et LayoutAnimation
Création d’animation, configuration
Animation d’éléments depuis une interaction tactile à l’aide de PanResponder

Travaux pratiques possibles : Utiliser React-Navigation pour intégrer un deuxième écran dans uen application, ajouter des animations, ajouter des transitions personnalisées.

Les Formulaires et la gestion des données

Création des composants principaux d’un formulaire
Définition d’une logique de validation
Gestion des erreurs
Redux-form et les solutions similaires (tcomb-form-native, react-reactive-form)
Récupération de données à l’aide de XMLHttpRequest ou Fetch API
Stocker ses données offline et AsyncStorage pour la persistance des données
Les autres outils disponibles sur le marché (realm, graphQL…)
Utilisation de Redux pour améliorer la gestion des données

Travaux pratiques possibles : Développer un formulaire sur une application, y intégrer des fonctionnalités de récupération de données, intégrer une API REST, mettre en place une persistance de données.

Les principaux API et modules natifs sous React Native

Particularités d’iOS et d’Android
L’API Geolocation pour obtenir la localisation d’un utilisateur
Utiliser CameraRoll pour accéder aux photos et à la caméra du mobile
Gestion des permissions
Développement ou réutilisation d’un module natif

Travaux pratiques possibles : Mettre à jour une application à l’aide d’APIs natives, intégrer un module natif développé par la communauté.

Concepts avancés…

Optimisation des performances d’une application
Réaliser des tests unitaires, des tests fonctionnels
Déployer des mises à jour à distance (Over the Air), et utilisé le CodePush pour le déploiement continu
Publication d’une application React Native sur les stores
Les erreurs de développement à éviter
Les bonnes pratiques d’utilisation de React Native
Ressources additionnelles

Notre charte qualité et éthique.

A travers sa Charte Engagement Qualité, Sparks s’engage à tout mettre en œuvre pour que chaque session de formation soit un succès et que votre satisfaction soit totale.

À propos de React Native.

Créé en 2015 par Facebook, React Native est un framework open source utilisé pour le développement d’applications mobiles en natif. Un développement natif permet de lancer l’application directement sur son téléphone, à l’inverse d’un développement web.
L’avantage du développement natif est avant tout la possibilité de pouvoir accéder à l’application hors connexion. Elle est directement installée sur son téléphone, tandis qu’une application web est installée sur un serveur et on ne fait qu’accéder au serveur durant l’utilisation de cette dernière. Grâce à notre formation React Native de 4 jours pour les professionnels, vous serez en mesure de développer des applications disponibles à tout moment sur le mobile de vos clients.
L’autre avantage du développement natif est généralement une plus grande fluidité et une plus grande rapidité d’exécution de l’application. Avec cette formation React Native par Sparks, vous serez sûrs de développer des applications de haute qualité et performantes.
React Native est donc la plateforme pour le développement d’applications mobiles de React. React est une librairie JavaScript également développée par Facebook et également open source. React Native permet donc d’utiliser React pour écrire votre application en JavaScript et les exécuter en natif. Grâce à notre formation React Native, vous saurez en 4 jours utiliser toutes les fonctionnalités et les avantages de React Native pour développer vos applications mobiles natives. Cette formation Sparks pour les professionnels est disponible présentiel comme à distance.

Amandine de Sparks
Des chiffres étincelants.
16 années
à vos côtés
+ de 1000
sujets de formation
5000
stagiaires formés en 2020
260
formateurs actifs en 2020
96%
de clients satisfaits
90%
de nos sessions inter-entreprises maintenues
HAUT