Développement Mobile

React Native

  

Profil Intervenant(s)
100x100

Docteur en Informatique - Consultant formateur
10 ans d'Experience
Spécialités
Langages de programmation C, C++, C#, .Net, Java/JEE, Architectures micro services, Dockers, Développement web et mobile Android, React et React Native


100x100

Docteur en Informatique - Consultant formateur
10 ans d'Experience


Spécialités

Langages de programmation C, C++, C#, .Net, Java/JEE, Architectures micro services, Dockers, Développement web et mobile Android, React et React Native




      A partir du  01-02-2021 à 10:00



        5 J 

        Formation hybride Cours théorique à distance sur la plateforme youcan-academy.com, et travaux pratiques en présentiel
Inscrivez-vous à la prochaine session

Appelez vos conseillers
06 49 99 11 00
06 64 16 75 10

Objectifs de la formation

Découvrir et maîtriser React Native ! Savoir utiliser les outils de développement Xcode et Android Studio Construire une application React Native en respectant les bonnes pratiques Installer, configurer et utiliser les bibliothèques

Prérequis


Posséder un ordinateur portable (Windows, Mac ou Linux)Xcode et/ou Android Studio installés et mis à jourAvoir des bases en JavaScript

Pourquoi réagir ?


• Qu'est-ce que React Native • React et JSX sont familiers • L'expérience du navigateur mobile • Android et iOS : différents mais identiques • Le cas des applications ... Voir Plus

Rendu avec JSX


• Principes de base de la navigation • Paramètres de l'itinéraire • L'en-tête de navigation • Navigation par onglets et tiroirs • État de traitement

Propriétés, état et contexte des composants


• Flexbox est le nouveau standard de mise en page • Présentation des styles React Native • Création de mises en page Flexbox

Premiers pas avec les crochets


• Savoir à quoi s’attendre • Promotion des composants portables • Validateurs de propriété simples • Validateurs de type et de valeur • Écriture de validateurs de propr ... Voir Plus

Gestion des événements - la méthode React


• Savoir à quoi s’attendre • Promotion des composants portables • Validateurs de propriété simples • Validateurs de type et de valeur • Écriture de validateurs de propr ... Voir Plus

Fabrication de composants réutilisables


Rendu des collections de données • Trier et filtrer les listes • Récupération des données de la liste • Chargement de la liste paresseux

Le cycle de vie des composants React


• Disposition et organisation • Utilisation des composants de navigation • Entrée utilisateur de la collection • Travailler avec des styles et des thèmes

Validation des propriétés des composants


• Installation et utilisation de l'outil de ligne de commande Expo • Affichage de votre application sur votre téléphone • Affichage de votre application sur Expo Snack

Gestion de la navigation avec les itinéraires


• Qu'est-ce que JavaScript isomorphe ✓ • Rendu en chaînes • Routage backend • Réconciliation frontend •Récupération des données

Fractionnement de code à l’aide de composants paresseux et de suspense


• Collecte de la saisie de texte • Sélection dans une liste d’options • Basculer entre marche et arrêt • Collecte de la date / heure

Composants React côté serveur


• Collecte de la saisie de texte • Sélection dans une liste d’options • Basculer entre marche et arrêt • Collecte de la date / heure

Composants de l'infrastructure de l'interface utilisateur


• Utilisation de l'API lazy () • Utilisation du composant Suspense • Quand éviter les composants paresseux • Pages et itinéraires paresseux

Pourquoi React Native ?


•Une information importante • Obtenir la confirmation de l'utilisateur • Notifications passives • Modales d'activité

Démarrage des projets React Native


• Installation et utilisation de l'outil de ligne de commande Expo • Affichage de votre application sur votre téléphone • Affichage de votre application sur Expo Snack

Création de mises en page réactives avec Flexbox


• Faire défiler avec vos doigts • Donner des commentaires tactiles • Glissable et annulable

Navigation entre les écrans


• Déclarer des itinéraires • Gestion des paramètres d'itinéraire • Utilisation de composants de lien

Rendu des listes d’éléments


• Chargement des images • Redimensionner les images • Chargement d'image paresseux • Icônes de rendu

Affichage des progrès


• Détecter l'état du réseau • Stockage des données d'application • Synchronisation des données d'application

Géolocalisation et cartes


• Client Todo et Apollo • Le schéma GraphQL • Démarrage du client Apollo • Ajouter des éléments à faire • Rendu des éléments à faire • Termi ... Voir Plus

Collecte des entrées utilisateur


• La nécessité d'une autre approche pour gérer les données dans les applications React • Le vocabulaire de haut niveau de GraphQL • Récupération de données déclaratives • Les mutations comme moyen de mett ... Voir Plus

Affichage des écrans modaux


• Une information importante • Obtenir la confirmation de l'utilisateur • Notifications passives • Modaux d'activité

Répondre aux gestes de l'utilisateur


• Architecture de l'information et flux • Architecture d'information unifiée • Implémentation de Redux • Mise à l'échelle de l'architecture

Contrôle de l'affichage de l'image


• Chargement des images • Redimensionner les images • Chargement d'image paresseux • Icônes de rendu

Mise hors ligne


• Détecter l'état du réseau • Stockage des données d'application • Synchronisation des données d'application

Composants natifs de l'interface utilisateur utilisant NativeBase


• Conteneurs d'application • En-têtes, pieds de page et navigation • Utilisation des composants de mise en page • Collecte des entrées à l'aide des composants de formulaire ... Voir Plus

Gestion de l’état de l’application


• Architecture de l'information et flux • Architecture d'information unifiée • Implémentation de Redux • Mise à l'échelle de l'architecture

Pourquoi Apollo ?


• La nécessité d'une autre approche pour gérer les données dans les applications React • Le vocabulaire de haut niveau de GraphQL • Récupération de données déclaratives • Les mutations comme moyen de mett ... Voir Plus

Création d'une application Apollo React


• Client Todo et Apollo • Le schéma GraphQL • Amorçage du client Apollo • Ajout d’éléments à faire • Rendu des éléments à faire • Terminer ... Voir Plus

  Développement Mobile avec ionic-Angular-Cordova

  Ionic - Ionic 4 Pour les Développements des applications Mobile

© Copyright All Rights Reserved 2020 | Developed By : Team Formations++