Formation mode projet- Devenir développeur React Native mode projet de 15 jours, , des opportunités d'emploi après la formation

Description

Cette formation vous permettra d'acquérir les bases du développement d’applications iOS et Android grâce à React Native. Ce framework open-source, créé par Facebook, permet de développer des applications mobiles cross-platform natives.

L’objectif est de développer une application E-Commerce 100% pratique permettant

d'acquérir les bases indispensables et les connaissances nécessaires pour un

développeur React Native

La formation se décompose de 3 niveaux

Les objectifs

• Découvrir et maîtriser React Native

• Savoir utiliser les outils de développement adaptés

• Construire une application iOS et Android en respectant les bonnes pratiques

• Installer, configurer et utiliser des bibliothèques

Pré-requis

• Bases en JavaScript

• MacOS avec XCode à jour nécessaire pour la partie iOS

• Apporter votre ordinateur

Le programme de la formation React Native

Niveau 1 :

1. Retour sur le développement mobile

2. Frameworks et outils pour le développement multiplateforme (Cordova, Ionic,

NativeScript…)

3. Présentation générale, historique et positionnement de React Native

4. Expo Vs Native Code

5. Structure d’un projet React Native

6. Cycle de vie des Composants

7. Framework de mise en page

8. Consommer des webservices via une architecture REST

Atelier pratique :

- Installation de l’environnement de développement

- Npm, Visual Studio Code

- Création d’une première application React Native via Native Code

- Création d’une première application React Native via Expo

- Prise en main des outils de debug

- Raccourcis clavier

- Chrome JS Debug

- Logging

- Structure d’un projet React Native : Bonne pratiques

- Arborescence du projet

- Choix de librairies tierces

- Nommage des variables

- Framework de mise en page

- Native Base, Shoutem, React Native Elements ...

- Développement de l’interface de Création de compte

- Gestion des cas d’erreurs

- Mauvaise connexion internet

- Plusieurs tentatives de connexion

Partie 2 :

1. Navigation : React Navigation VS React Native Navigation

2. Intégration Firebase auth ( facebook, Gmail )

3. Maîtriser les différents types de Navigation

4. Retour sur le MVC (Model-View-Controller)

5. Introduction à l’architecture d’application Flux

6. Intégration Firebase Push Notification / Local Notification

7. Intégration Firebase Analytics

Atelier pratique :

- Etude de performance pour les librairies de navigation :

- React Native Navigation / React Navigation

- DrawerNavigatior / StackNavigator / TabNavigator

- Passage de paramètres entre les differents vues

- Partie Login : Connexion via Google / Facebook

- Récupérer les informations de l’utilisateur à partir de Facebook

- Récupérer les informations de l’utilisateur à partir de Google

- Gestion des cas d’erreurs

- Développement de la partie Logout

- Refonte de la partie Login avec l’architecture Flux / Redux

- Code refactoring

- Analyse de la nouvelle architecture et son avantage

- Développement de l’interface Liste des produits

- Utilisation d’un webservice REST pour récupérer la liste des produits

- Développement de l’interface détail d’un produit

- Intégration de la partie push notification via Firebase

- Deep Link

- Data Notification VS Base Notification

- Intégration Firebase Analytics

- Plan de taggage

Partie 3 :

1. Stripe API

2. Sécurité des applications react native

3. Gestion des crashs : Sentry / Fabric

4. Génération des APK / IPA

5. Déploiement sur le store : PlayStore / Apple Store

6. Bonne pratiques

Atelier pratique :

- Développement de la partie Commande / Paiement via API Stripe

- Affichage de la liste des commandes :

- Mes commandes

- Génération des APk / IPA

- Android Studio / Xcode / fastline

- Déploiement sur le Store

- Playstore

- Apple Store

- Bonne pratiques pour réduire la taille des APK / IPA

- Bonne pratiques pour gérer la migration vers la dernière version de react

native

- Bonne pratiques pour gérer les bugs récurrents sur react native

- Cache issue

- Metro Bundle port

- Mise en place d’une plateforme de crash reporting

- Sentry

- Fabric

- Sécuriser une application react Native