Frontend React 19 avec Vite, cartographie OpenLayers, Tailwind CSS 4, state management Redux Toolkit + Zustand, graphiques Recharts.
Le frontend utilise React 19 avec Vite pour un cycle de developpement rapide et des builds optimises. La cartographie repose sur OpenLayers, choisie pour sa flexibilite dans la gestion de couches multiples et de projections geographiques variees. Chaque couche de donnees est un layer OpenLayers independant, avec des controles de visibilite et d'opacite.
La gestion d'etat combine Redux Toolkit pour l'etat global (utilisateur, configuration, filtres actifs) et Zustand pour les etats locaux des composants de carte (viewport, couches actives, selection). Cette separation evite un store Redux monolithique tout en gardant la predictabilite pour les donnees partagees.
Tailwind CSS 4 structure le design system avec des tokens CSS natifs. Recharts genere les graphiques comparatifs avec des axes configurables et des tooltips interactifs. L'ensemble est type avec TypeScript strict pour garantir la coherence des donnees entre les couches de visualisation.
React 19 avec Vite pour build rapide, TypeScript strict mode.
Cartographie OpenLayers avec couches vectorielles et raster, projections multiples.
Tailwind CSS 4 beta pour styling, composants reusables.
State management : Redux Toolkit pour state global, Zustand pour state local.
Visualisation Recharts : graphiques temps-reel, sparklines, heatmaps.
Architecture modulaire avec lazy loading et code splitting.
Vite, TypeScript strict
Cartographie vectorielle avancee
Double state management
Brief, repo, ou appel rapide - on s'adapte.