React native est un Framework JavaScript libre et open source qui permet de créer des applications Web

OBJECTIFS PEDAGOGIQUES

  • Découvrir et prendre en main le Framework React et concevoir des applications Web riche

PROGRAMME

CONCEPTS & SETUP & WORKFLOW

  • -- Compnrendre l'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
  • Installer, paramétrier et configurer le Setup
  • ● La stack React Native
  • ● Npm ou Yarn ?
  • ● Introduction à Expo
  • Concevoir le 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

DÉVELOPPER UNE PREMIÈRE APPLICAITON MOBILE

  • 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)
Description des travaux pratiques :
  • Création d'une première application mobile

RÉALISER UNE SECONDE APPLICATION AVEC REDUX

  • Utiliser ’un FrameWork UI comme NativeBase (gain de productivité majeur)
  • Comprendre 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
  • Gérer les étatst (State) au niveau de l’application via Redux
  • Gérer les formulaires
  • Maitriser l'interface utilisateur
  • ● React NavigationFlexbox
  • ● TouchableHighlight
  • ● ListView
  • ● ScrollView
  • ● Animations
Description des travaux pratiques :
  • Création d'une seconde application mobilie avec Redux

PUBLIC

Développeurs, intégrateurs, webmasters

PRÉREQUIS

  • Connaitre le langage JavaScript Notions en architecture
  • INFORMATIONS PRATIQUES

    HORAIRES DE LA FORMATION
    de 9 h 00 à 12 h 30 et de 13 h 30 à 17 h 00

    MÉTHODOLOGIE PÉDAGOGIQUE
    Théorie | Cas pratiques | Synthèse

    MODALITÉS D'ÉVALUATION
    Évaluation qualitative des acquis tout au long de la formation et appréciation des résultats