Formation React Avancé

Description de la formation React avancé

Cette formation vous permettra d’approfondir votre expertise de React et de découvrir ses dernières nouveautés. Les travaux pratiques réalisés sur la base d’un projet fil rouge vous feront découvrir l’écosystème nécessaire à la conception d’applications Web encore plus optimisées. Vous sortirez de cette formation avec de solides connaissances sur React et ses bonnes pratiques de développement.

Bulletin d’
inscription
 Demande de
devis
 Détail du
programme

Programme de la formation React avancé

  • 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
  • Bonnes pratiques de développement
    • Rappels prop-types et defaultProps.
    • Passer de flow à TypeScript
    • Mettre en place des tests unitaires et fonctionnels.
  • 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.
  • Redux avancé
    • Rappels Redux : les entités, la syntaxe et l’intégration avec React.
    • Simplifier et optimiser la création de formulaires avec Redux Form.
    • Améliorer l’expérience utilisateur grâce à Redux Persist et au stockage local du state.
    • Créer un Middleware Redux Custom.
    • La bibliothèque Redux-Saga
  • La programmation réactive
    • Principe
    • RxJS
  • Nouveautés React : Context et les hooks pour remplacer Redux
    • Présentation
    • State Hook
    • Effect Hook
    • Règles pour les Hooks
    • Construire son hooks
    • Remplacer Redux avec le context et les hooks
  • Optimisation des performances
    • Comment optimiser le cycle de vie des composants ?
    • Utiliser l’immutabilité pour accélérer et simplifier les traitements.
    • Les composants purs.
  • Animations/Transitions
    • Animer les composants à l’aide d’animations et transitions CSS.
    • Simplifier le travail avec react-transition-group.
    • Comparatif et exemples de mise en œuvre.
  • L’internationalisation
    • Internationalisation versus localisation : différences et scénarios d’utilisation.
    • Les principales librairies d’internationalisation.
    • Intégration dans React et Redux.
  • Les technologies autour de React et React Native
    • Du REST au GraphQL
    • Créer une application « server-side » avec Next.js
    • Le CSS avec « styled-components »
    • Les concurrents de React Native : Ionic, Xamarin
  • Niveau : Avancé
  • Ref : REA02
  • Durée : 3 jours
  • Prix : 1800€
  • Niveau : Avancé
  • Ref : REA02
  • Durée : 3 jours
  • Prix : à définir
organiser votre formation

Objectifs

  • Améliorer la qualité de son code pour une meilleure maintenance
  • Optimisation et bonnes pratiques du développement d’applications React/React Native

Public

  • Développeurs informatiques
  • Architecte logiciel
  • Consultants et chefs de projets proches du développement.
  • Développeur WEB

Pré-requis

  • Avoir de bonnes connaissances en JavaScript
  • Avoir de bonnes connaissances Asynchrone
  • Avoir de bonnes connaissances POO
  • Avoir de bonnes connaissances React ou React Native
Pré-inscription
Nous proposons
Consulting
Formation