Nicolas Cantu
425fb36dc9
Some checks failed
CI - 4NK Node / Code Quality (push) Failing after 30s
CI - 4NK Node / Unit Tests (push) Failing after 29s
CI - 4NK Node / Integration Tests (push) Successful in 27s
CI - 4NK Node / Security Tests (push) Failing after 28s
CI - 4NK Node / Docker Build & Test (push) Failing after 10s
CI - 4NK Node / Documentation Tests (push) Successful in 3s
CI - 4NK Node / Performance Tests (push) Successful in 28s
CI - 4NK Node / Notify (push) Failing after 2s
57 lines
1.8 KiB
Plaintext
57 lines
1.8 KiB
Plaintext
---
|
||
alwaysApply: false
|
||
---
|
||
|
||
# Architecture frontend
|
||
|
||
[portée]
|
||
Qualité du bundle, découpage, état global et couche de services.
|
||
|
||
[objectifs]
|
||
|
||
- Réduire la taille du bundle initial via code splitting.
|
||
- Éviter le prop drilling via Redux ou Context API.
|
||
- Abstraire les services de données pour testabilité et maintenance.
|
||
|
||
[directives]
|
||
|
||
- Mettre en place React.lazy et Suspense pour le chargement différé des vues/segments.
|
||
- Centraliser l’état global via Redux ou Context API.
|
||
- Isoler les appels « data » derrière une couche d’abstraction à interface stable.
|
||
- Interdire l’ajout d’exemples front dans la base de code.
|
||
|
||
[validations]
|
||
|
||
- Vérifier que les points d’entrée sont minimes et que les segments non critiques sont chargés à la demande.
|
||
- S’assurer que docs/ARCHITECTURE.md décrit les décisions et les points d’extension.
|
||
|
||
[artefacts concernés]
|
||
|
||
- docs/ARCHITECTURE.md, docs/TESTING.md.
|
||
# Architecture frontend
|
||
|
||
[portée]
|
||
Qualité du bundle, découpage, état global et couche de services.
|
||
|
||
[objectifs]
|
||
|
||
- Réduire la taille du bundle initial via code splitting.
|
||
- Éviter le prop drilling via Redux ou Context API.
|
||
- Abstraire les services de données pour testabilité et maintenance.
|
||
|
||
[directives]
|
||
|
||
- Mettre en place React.lazy et Suspense pour le chargement différé des vues/segments.
|
||
- Centraliser l’état global via Redux ou Context API.
|
||
- Isoler les appels « data » derrière une couche d’abstraction à interface stable.
|
||
- Interdire l’ajout d’exemples front dans la base de code.
|
||
|
||
[validations]
|
||
|
||
- Vérifier que les points d’entrée sont minimes et que les segments non critiques sont chargés à la demande.
|
||
- S’assurer que docs/ARCHITECTURE.md décrit les décisions et les points d’extension.
|
||
|
||
[artefacts concernés]
|
||
|
||
- docs/ARCHITECTURE.md, docs/TESTING.md.
|