Description
Objectif général de la formation : Permettre aux participants de maîtriser les fonctionnalités avancées de React pour optimiser et développer des applications performantes en React.js et React Native. Modalité : Toutes les modalités (présentiel, classe virtuelle et hybride) sont possibles Lieu possible de réalisation : Locaux du bénéficiaire ou locaux d’Ascent Formation, en France métropolitaine et dans les DROM-COM Nombre maximal de participants : 20 Niveau SAME : Maîtrise (M) Compétences visées : Optimiser la gestion des appels HTTP, des états et des données en temps réel. Exploiter les nouvelles fonctionnalités de React, telles que Fabric et Turbomodules. Appliquer des techniques avancées de refactoring et d’organisation du code. Comprendre les différences et compatibilités entre React.js et React Native.
Objectifs pédagogiques
- Implémenter des bonnes pratiques pour la gestion des données et des états.
- Découvrir et expérimenter les nouvelles fonctionnalités avancées de React.
- Optimiser et refactoriser une application pour améliorer ses performances.
- Intégrer des approches spécifiques aux environnements React.js et React Native.
Public concerné
Prérequis
Déroulé du programme
Jour 1 : Bonnes pratiques et optimisation des données (6 heures)
- Gestion avancée des données et des appels HTTP (2 heures)
Meilleure gestion des appels HTTP : pratiques pour des API performantes.
Gestion des états avec Redux, Zustand ou Context API.
Travaux pratiques : Optimisation d’une application existante pour des appels API efficaces.
- Gestion du stockage hors ligne et des données temps réel (2 heures)
Implémentation du stockage local (LocalStorage, IndexedDB).
Utilisation de sockets pour des données temps réel (WebSocket, Socket.io).
Travaux pratiques : Mise en œuvre d’une fonctionnalité temps réel.
- Refactoring et organisation du code (2 heures)
Utilisation de composants réutilisables.
Bonnes pratiques pour la lisibilité et la maintenance.
Travaux pratiques : Refactoring d’un composant complexe.
Jour 2 : Fonctionnalités avancées de React (6 heures)
- Exploration des nouvelles fonctionnalités (3 heures)
Découverte des innovations React : Fabric, Turbomodules.
Approche concurrentielle et Suspense pour le rendu asynchrone.
Travaux pratiques : Expérimentation avec Fabric et Turbomodules.
- Utilisation avancée des librairies et outils (3 heures)
Présentation des librairies populaires : React Query, Formik, Chart.js.
Gestion des animations avec Framer Motion et React Spring.
Travaux pratiques : Ajout de fonctionnalités avancées avec des librairies.
Jour 3 : Compatibilité, déploiement et maintenance (6 heures)
- Compatibilité entre React.js et React Native (2 heures)
Différences et similitudes entre React.js et React Native.
Approches pour un développement multiplateforme.
Travaux pratiques : Implémentation d’une fonctionnalité compatible React.js et React Native.
- Gestion des versions et stratégies de mise à jour (2 heures)
Comprendre les impacts des versions majeures et mineures.
Mise en place d’une stratégie de mise à jour continue.
Travaux pratiques : Analyse et mise à jour d’un projet existant.
- Déploiement et supervision des applications (2 heures)
Déploiement avec Netlify, Vercel ou Firebase pour React.js.
Déploiement sur App Store et Play Store pour React Native.
Travaux pratiques : Déploiement d’une application React.js.
Informations
Durée
3 jour(s)
18h
Sur demande
