Formation React Native - niveau avancé avec TechnoWide

Objectifs pédagogiques

A l’issue de la formation, l’apprenant sera capable de :
Améliorer la qualité de son code pour une meilleure maintenance.
Optimiser et définir les bonnes pratiques du développement d’applications React/React Native.
Lire la suite Racourcir

Introduction
• Rappels sur ES6+ et les modules
• Les principes clés de React : VirtualDOM, JSX, One Way Data Flow.
• Les outils de débogage.
• Les bonnes pratiques pour structure un projet
• Travaux pratiques Mise en place d’un environnement pour le projet fil rouge.
Découvrir les bonnes pratiques de développement
• Rappels prop-types et defaultProps.
• Passer de flow à TypeScript.
• Mettre en place des tests unitaires et fonctionnels.
• Travaux pratiques Améliorer une application grâce au typage et aux tests automatisés.
Techniques et design patterns avancés
• Le pattern des Higher Order Components (HOC).
• Le rendu dans des éléments DOM distants avec les Portals.
• Injection de dépendances avec les Context.
• Techniques avancées de la méthode render : Fragments et render props.
• Travaux pratiques Mise en oeuvre des « Context » et des « Portals »
Redux avancé
• Améliorer l expérience utilisateur grâce à Redux Persist et au stockage local du state.
• Dans quel cas d’usage (expérience UX) c’est intéressant d’utiliser Redux Persist et le local state (à part pour token).
• La bibliothèque Redux Saga.
• Travaux pratiques Conversion d un formulaire à Redux Form et sauvegarde de la navigation.
Optimiser les performances
• Comment optimiser le cycle de vie des composants ?
• Utiliser l immutabilité pour accélérer et simplifier les traitements.
• Les composants purs avec les fonction à la place de la class pure-component.
• Travaux pratiques Intégration d une librairie d immutabilité dans l'application Redux.
Animations et transitions
• Animer les composants « à la main » à l aide d animations et transitions CSS.
• Simplifier le travail avec react-transition-group.
• Comparatif et exemples de mise en ouvre.
• Travaux pratiques Ajout de transition des différents écrans.
Internationalisation
• Internationalisation versus localisation : différences et scénarios d'utilisation.
• Les principales librairies d internationalisation.
• Intégration dans React et Redux.
• Travaux pratiques Gestion des langues dans l'application
Technologies autour de React et React Native
• Du REST au GraphQL
• Créer une application « server-side » avec Next.js
Lire la suite Racourcir