Votre partenaire formation 100% digital

React Native

Appréhender l'environnement de développement et maîtriser les principaux composants, API natives, proposées par React Native

  • Référence

    ReNa

  • Durée

    3 jours (21h)

  • Prix unitaire HT

    1650 €

pictogramme calendrier Prochaines sessions

Prochaines sessions - React Native
Date de début Ville Prix unitaire HT
Sur demande

pictogramme information Description

Lancé par Facebook dans le sillon de React, React Native est devenu en à peine deux ans le framework de création d’applications mobiles multi-plateformes le plus populaire, réconciliant les développeurs d’applications natives et hybrides.
Cette formation vous permettra d’appréhender les principes clés de React Native et d’acquérir les compétences nécessaires à la publications d’applications mobiles performantes, robustes et maintenables, et compatibles avec iOS, Android et Windows

pictogramme progamme Objectifs pédagogiques

  • Mettre en place un environnement de développement React Native
  • Concevoir l’architecture logicielle d’une application mobile multi-plateforme
  • Construire une interface utilisateur fluide et performante
  • Utiliser les principaux composants et les API natives proposées par React Native

pictogramme cible Public cible

Développeurs mobiles, Développeurs web, Chefs de projet techniques

pictogramme check liste Pré-requis

Une bonne connaissance de JavaScript

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.

Méthodes pédagogiques

50 % Théorie / 50 % Pratique

pictogramme information Programme de la formation

Introduction

  • Contexte
  • Le développement natif, l’hétérogénéité et la fragmentation
  • Les principaux outils crossplatfom
  • Introduction à React Native

React Native

  • Rappels sur ES6/ES201X
  • React & JSX
  • React Native : principes clés, fonctionnement général
  • Installation & configuration
  • Outils de debug

Architecture d’application

  • Configurer un composant : state & props
  • React Native et MVC
  • Le pattern Flux
  • L’arrivée de Redux

Construire son interface

  • Les composants de base
  • Styler les composants
  • Organiser le layout de l’application
  • Gérer la navigation
  • 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
  • xmlhttprequest & fetch
  • Stockage local et 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 OTA
  • Frameworks et outils complémentaires