Skip to Content

Cross-Platform avec React Native

Développement Javascript > Développement Mobile (Cross-Platform)


Une formation de 3 jours pour créer des applications mobiles cross-platform avec React Native : introduction, architecture, interface utilisateur, formulaires, interaction avec le terminal et usages avancés.

La formation en 6 mots clés

React Native

Mobile

JavaScript

iOS

Android

Cross-Platform

Informations Pratiques et Programme

Prérequis


Expérience pratique sur le langage Javascript

Durée


3 jours

Contenu Technique de la Formation


La formation aborde les contenus techniques suivants :

  • Développement mobile et spécificités de React Native
  • Environnement de développement
  • Interfaces utilisateur
  • APIs React Native
  • Architecture logicielle

Objectifs de la Formation


Les objectifs visés par cette formation sont :

  • Comprendre les alternatives de développement mobile
  • Utiliser l’environnement de développement React Native
  • Construire une interface utilisateur ergonomique et performante
  • Utilisation de composants et d’APIs natives
  • Concevoir 'l'architecture logicielle d’une application mobile

Table des Matières


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


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


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


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


Interagir avec le terminal

  • Les principales API natives de React Native
  • Utiliser les plugins Cordova/PhoneGap
  • Développer un module natif


Usages avancés

  • Best Practices et erreurs fréquentes
  • Tests unitaires et fonctionnels
  • Publier l'application
  • Mises à jour Over The Air
  • Frameworks et outils complémentaires


En Pratique


  • Installer et configurer React Native pour un projet
  • Utilisation du Debugger sur un code proposé
  • Développement d’une première application en React Native
  • Développement d’un formulaire et validation des données
  • Utilisation des APIs proposées par React Native
  • Testing et déploiement d’une application

Modalités et Inscription


Cette formation est proposée selon deux formules pour s'adapter au mieux à vos besoins :


Session régulière

Des sessions sont organisées à intervalles réguliers. Demandez les prochaines dates planifiées pour vous inscrire à la prochaine session.


Sur mesure & intra-entreprise

Vous souhaitez former vos équipes directement dans vos locaux ou adapter le programme technique à votre contexte d'entreprise ? Contactez-nous pour obtenir un devis personnalisé.

Obtenir cette formation

Prêt à créer des applications mobiles avec React Native ? Rejoignez la prochaine session ou contactez-nous pour organiser cette formation dans vos locaux.


Devis sur-mesure

S'inscrire à cette formation

Remplissez le formulaire pour obtenir plus d'informations.