Formation React Native

4,5 rating
Logo Formation React Native

1900€

1710€ HT / personne

3 jours (21 heures)

Paris
Il ne reste que quelques places
Disponible aussi en intra-entreprise pour former votre équipe.

Présentation

React Native est une technologie Open-Source de Facebook permettant la production d’applications mobiles natives sur iOS, Android et bientôt sur Windows 10 Mobile. Ce programme de 2 jours de formation est un condensé intensif des meilleures pratiques pour aborder un projet React Native. React en général et React Native en particulier ont introduit de nouvelles façons de “penser” une application avant de la coder et cela impacte tout le processus de conception, de production et de déploiement.

Ici nous nous concentrerons à 100% sur React-Native et son lot de libs associées sans lesquelles votre app ne serait pas « scalable » (flexible) dans un environnement réel de production.

Au bout de ce programme vous aurez développé deux Apps, dont une plus complète avec React Native et Redux, connectée à un « Backend as a Service » (BaaS) comme Firebase 3.0.

La formation utilisera la dernière version stable en date du projet (React Native 0.58 à ce jour ).

 

Objectifs

  • Découvrir et maîtriser React Native
  • Construire une application mobile en respectant les bonnes pratiques
  • Installer, configurer et utiliser des bibliothèques de l’écosystème

 

Public visé

Développeurs, Architectes

 

Pré-requis

Connaissances de base en programmation et en JavaScript. Dans l’idéal, avoir suivi nos formations sur React ou ReactiveX au préalable.

Programme de la formation React Native

Module 1 – Concepts & Setup & Workflow

Concepts

  • Architecture
  • Inline CSS / Flexbox
  • JSX Spécifique / Babel / ES6
  • Anatomie d’un composant React
  • State
  • Comparatif rapide des solutions existantes
  • Navigation
  • Déploiement en production

Setup

  • La stack React Native
  • Npm ou Yarn ?
  • Introduction à Expo

Workflow

  • Dessiner une UI
  • Fixer la hiérarchie des composants (lequel est parent de l’autre jusqu’à la racine)
  • React-Native init
  • Structuration d’un projet simple (organisation des fichiers)
  • Debug sur Simulateur
  • Debug sur Xcode (sur appareil ou simulateur)
  • Tests avec Jest
  • Archivage avec Xcode pour déploiement interne via fichier .ipa
  • Déploiement avec CodePush ou AppHub
  • Debug sur Simulateur, remote debugging et hot reload

 

Module 2 – Première App

Construire son application en utilisant des composants externes

  • Introduction aux composants
  • Component State vs Application State
  • Functional components vs Class Components
  • Utilisation de composants natifs (Ex: Gmaps)
  • Intégration aux APIs externes (Google Maps API via AXIOS)

 

Module 3 – Seconde App (Redux)

Construire son application en utilisant la programmation fonctionnelle

  • Utilisation d’un FrameWork UI comme NativeBase (gain de productivité majeur)
  • Qu’est-ce que Redux ?
  • Résoudre les problèmes différemment avec Flux et Redux
    • MVC pattern
    • MVC problem
    • Flux
    • Flux deep dive
    • Redux
    • Redux core concepts
    • Redux with React Native
    • Benefits of using Redux
  • Gestion de l’état (State) au niveau de l’application via Redux
  • Gestion d’un formulaire
  • Utilisation de l’interface utilisateur
    • React NavigationFlexbox
    • TouchableHighlight
    • ListView
    • ScrollView
    • Animations

 

Pour aller plus loin

  • Intégration à un service tiers comme Firebase 3.0 (DB temps réel de Google)
  • Structuration d’un projet complexe (organisation des fichiers)
Langues et Lieux disponibles

Langues

  • Français
  • Anglais / English

Lieux

  • France entière
    • Paris
    • Lille
    • Reims
    • Lyon
    • Toulouse
    • Bordeaux
    • Montpellier
    • Nice
    • Sophia Antipolis
    • Marseille
    • Aix-en-Provence
    • Nantes
    • Rennes
    • Strasbourg
    • Grenoble
    • Dijon
    • Tours
    • Saint-Étienne
    • Toulon
    • Angers
  • Belgique
    • Bruxelles
    • Liège
  • Suisse
    • Genève
    • Zurich
    • Lausanne
  • Luxembourg

    Nos Formateurs Référents

    Sydney

    Sydney

    Etudiant à l’école 42 et titulaire d’un master en Digital Business de l’IE business school de Madrid. Sydney à créé plusieurs entreprises et est maintenant freelance full stack Javascript. Passionné par les les tendances technologiques et leur impact sur l’apprentissage. Il est le globetrotteur d’Ambient.
    Alexandre

    Alexandre

    Notre formateur passionné vous proposera de partager son expérience acquise notamment chez Interactive Data, le n°3 mondial de la distribution de données financières et Somhome, une startup proposant des services de location comme « airBnB »

    Témoignages

    4,0 rating
    25 janvier 2018

    Merci à Sydney pour son retour d’expérience sur React Native, semaine intense, cela va m’être très utile pour la suite

    Yann de chez Logestia
    Afficher tous les témoignages
    4,0 rating
    25 janvier 2018

    Merci à Sydney pour son retour d’expérience sur React Native, semaine intense, cela va m’être très utile pour la suite

    Yann de chez Logestia
    5,0 rating
    18 avril 2017

    Une formation utile et bien menée, malheureusement trop courte

    Guillaume F. chez ASI
    Noter la formation

    1900€

    1710€ HT / personne

    3 jours (21 heures)

    Paris
    Il ne reste que quelques places
    Disponible aussi en intra-entreprise pour former votre équipe.

    Une question ? Un projet ?

    Pour des informations complémentaires, n’hésitez pas à nous contacter.