Formation React Native

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

  • Comprendre l'architecture React Native
  • Créer des composants basiques
  • Maîtriser la mise en page avec Flexbox
  • Implémenter l'architecture Flux et Redux
  • Utiliser la navigation et les animations
  • Gérer les formulaires et les données
  • Utiliser les API et modules natifs

Sparks


Tout l'IT, vraiment tout
Voir la fiche entreprise

Tarif

A partir de 2 600,00 €

Durée 4 jours
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

Sparks


Tout l'IT, vraiment tout
Voir la fiche

Tarif

A partir de 2 600,00 €

Durée 4 jours
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

Description

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.

Programme

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

Prérequis

Connaissances basiques en JavaScript

Public

Architectes logiciels,

Ces formations pourraient vous intéresser

Objectifs de la formation

  • Évaluation des compétences acquises via un questionnaire en ligne intégrant des mises en situation.
Tarif

A partir de 1 980,00 €

Durée

3 jours (21 heures)

Modes
  • Entreprise
  • Distance
  • Centre

Objectifs de la formation

  • Cette formation fait l'objet d'une évaluation formative.
Tarif

Contacter l'organisme

Durée

3 jours (21 heures)

Modes
  • Distance
  • Centre

Objectifs de la formation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
Tarif

Contacter l'organisme

Durée

3 jours (21 heures)

Modes
  • Entreprise
  • Distance
  • Centre

Objectifs de la formation

  • Comprendre les particularités du framework Svelte et ses différences majeures avec Angular, React ou Vue
  • Maîtriser la syntaxe et les fonctionnalités de base du framework
  • S'approprier les meilleures pratiques pour créer des composants
  • Comprendre comment développer des applications rapides et réactives
  • Utiliser les stores
  • Construire et gérer une application jusqu'au déploiement avec SvelteKit
Tarif

A partir de 1 950,00 €

Durée

3 jours

Modes
  • Centre
  • Entreprise
  • Distance

Formation React

Proposé par Sparks

Objectifs de la formation

  • Expliquer les principes du Data-Binding et de l'immutabilité
  • Installer l'environnement de développement React
  • Utiliser la syntaxe JSX
  • Comparer les composants objets et fonctions
  • Mettre en œuvre Flux et Redux pour les applications Web monopages
  • Configurer le routage avec React Router
  • Créer des tests unitaires pour les composants React
  • Migrer une application vers React
Tarif

A partir de 1 950,00 €

Durée

3 jours

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Intégrer le framework jQuery dans la réalisation d'applications et/ou de pages Web
  • Parcourir et modifier la structure d'une page
  • Gérer des événements utilisateur
  • Échanger des données avec un serveur via des API REST
  • Intégrer des composants jQueryUI dans la réalisation d'applications et/ou de pages Web.
Tarif

Contacter l'organisme

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Apprendre à administrer Windows 10
  • Savoir installer et déployer Win10
  • Configurer le matériel et les logiciels
  • Savoir configurer l'accès au réseau
  • Savoir optimiser pour l'informatique mobile
  • Gérer la surveillance et le maintenance système
  • Maîtriser la sauvegarde et la restauration du système
Tarif

A partir de 2 400,00 €

Durée

4 jours

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Créer des applications autour du framework MVC Laravel
Tarif

A partir de 1 795,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Vous familiariser avec la syntaxe et les fonctionnalités ES6
  • Présenter les principes de base du framework ReactJS
  • Expliquer la syntaxe JSX, la définition et l'intérêt des composants
  • Décrire le concept de props (propriétés) et leur utilisation
  • Présenter le fonctionnement de la navigation avec React et le router react-router-dom
  • Présenter les Hooks
  • Gérer les évènements et rendu conditionnel dans le JSX
  • Créer des listes, utiliser des fragments et gérer les formulaires avec React
  • Décrire le concept de Redux
  • Expliquer les perspectives et mettre en oeuvre les bonnes pratiques.
Tarif

A partir de 1 830,00 €

Durée

3j / 21h

Modes
  • Centre
  • Distance

Objectifs de la formation

  • Intégrer un script à une page HTML
  • Utiliser les types primitifs du langage Javascript et leurs fonctions
  • Utiliser le DOM pour parcourir et modifier la structure d'une page
  • Gérer des événements utilisateur
  • Valider les données saisies dans un formulaire
  • Stocker des données dans le navigateur
  • Échanger des données avec un serveur via des API REST
  • Exploiter l'API FileReader pour lire des fichiers en local
  • Interagir avec des contenus multimédias
  • Mettre en œuvre l'API de géolocalisation
Tarif

Contacter l'organisme

Durée

4j / 28h

Modes
  • Centre
  • Entreprise
  • Distance

Je cherche à faire...