Il s'agit d'une version statique de l'intranet d'A. Jonquet, certaines fonctionnalités sont donc potentiellement non fonctionnelles.
Rejoindre la version dynamique 🔒
R505
Navigation

Utilisation avancée de l'écosystème React

Ce module fait suite au module du semestre précédent (R410). Il a pour objectif d'approfondir vos connaissance des usages et de l'environnement de React.

L'objectif du module va être de créer une application de gestion de taches collaborative, en utilisant conjointement à React différentes bibliothèques largement utilisées par la communauté.

Vous commencerez par créer un environnement de travail pour le nouveau projet en réalisant un squelette d'application, vous permettant de prendre en main la bibliothèque de composants MUI.

Vous pourrez ensuite mettre en place une gestion de données robuste à l'aide du gestionnaire de données Redux pour gérer des notifications dans votre application. La mise en place de Redux pouvant parfois paraitre fastidieuse, vous allez utiliser la boite à outils Redux Toolkit.

Vous approfondirez ensuite votre maitrise de Redux Toolkit en utilisant l'outil RTK Query pour mettre en place l'authentification de l'utilisateur à l'aide de JWT.

Configuration

La bibliothèque React, comme tout l'écosystème JavaScript, repose sur l'utilisation d'un gestionnaire de paquets npm. Dans le cadre de ces TP, vous utiliserez npm.

Dans le cadre particulier du système d'information du département, vous êtes encouragés à déporter le cache de npm dans le répertoire « /tmp » afin de limiter l'utilisation de votre quota et d'améliorer les temps d'installation.

A. Jonquet DUT-INFO/REIMS