Formation ReactJS : programmation avancée

1/ 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

2/ Bonnes pratiques de développement

• Rappels prop-types et defaultProps

• Passer de flow à TypeScript

• Mettre en place des tests unitaires et fonctionnels

3/ 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

4/ Les Hooks

• Présentation des Hooks

• Utiliser la state dans une fonction

• Les fonctions useState et useEffect

• Effect Hook

• Règles pour les Hooks

• Construire son hooks

• Remplacer Redux avec le context et les hooks

5/ 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

6/ La programmation réactive

• Principe

• RxJS

7/ Améliorer une application ReactJS

• Gestion des erreurs avec les "Error Boundaries"

• Préserver la structure de l'arbre DOM avec les fragments

• Utiliser le contexte pour s'affranchir de la structure de l'arbre DOM

• Développer une application React avec TypeScript

8/ 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

9/ 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

10/ L'internationalisation

• Internationalisation versus localisation : différences et scénarios d’utilisation

• Les principales librairies d’internationalisation

• Intégration dans React et Redux

11/ 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