On veut écrire une nouvelle itération de notre Web app de manipulation IoT. On s’intéresse ici à l’arborescence de la Web App.

Voici la structure de l’application :

IoT Sketch

En reprenant l’idée du Lifting State Up dans la démo de React, Proposer une implémentation avec React et React Router de l’application qui stocke son état dans un composant globale et délègue l’affichage des différents éléments de la page à des sous-composants React.

On souhaite avoir des url du type :

  • /
  • /temp_bureau
  • /ventilateur

On réutilisera les éléments déjà développés dans les labs précédents. (modèle objets, connecteur MQTT/WebSocket).

Flexbox

Pour la mise en page de l’application, on utilisera le mode de mise en page flexbox.