Formation React Native.
Score de satisfaction : 4.57/5
Durée :
4 jours
23/04/2024 à Paris
numero vert : 0805 950 800 (service et appel gratuits)
React Native
à partir de
2600 €HT

Référence :
SF33477
Durée :
4 jours

Réservez vos places pour la session du
Vous souhaitez une session sur-mesure (intra) ?
Ce stage comprend
 28 heures de formation
Pauses et snacks à volonté
Prise en charge OPCO possible
Disponible à distance

Formation React Native.

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

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.

1Comprendre l'architecture React Native

2Créer des composants basiques

3Maîtriser la mise en page avec Flexbox

4Implémenter l'architecture Flux et Redux

5Utiliser la navigation et les animations

6Gérer les formulaires et les données

7Utiliser les API et modules natifs

Prérequis : Connaissances basiques en JavaScript
Partagez cette formation

Programme de formation React Native.

PDF

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.

Apprenez les bases du framework avec notre formation React Native

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 pendant la formation React Native : 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 lors de notre formation React Native : 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
Fin de la formation React Native

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.

En apprendre davantage sur 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.

La formation React Native pour approfondir ses connaissances en développement mobile

Vous avez déjà suivi des formations pour le développement sur mobile et vous souhaitez acquérir de nouvelles compétences dans un autre framework ? Laissez-nous vous former à React Native, un superbe framework permettant de développer des applications mobiles cross-platform natives. Découvrez les principes de base, construisez une application React Native, maîtrisez la gestion de données et devenez un expert du framework de Facebook grâce à notre formation React Native. Différentes formules vous sont proposées pour suivre notre formation : à distance ou en présentiel. En effet, depuis votre domicile ou les bureaux de votre entreprise, Sparks Formation s’adapte à vos besoins et vos préférences pour rejoindre notre stage intensif. Si vous préférez le présentiel, vous pouvez vous rendre dans l’un de nos centres de formation répartis sur tout le territoire ou bien demander le déplacement de l’un de nos experts formateurs dans les locaux de votre entreprise pour une session de formation privée.

Amandine de Sparks
Des chiffres étincelants.
19 années
à vos côtés
+ de 1000
sujets de formation
8096
stagiaires formés en 2023
238
formateurs actifs en 2023
97,9%
de stagiaires satisfaits
20237
heures de formation réalisées en 2023
HAUT