Summary
- Integration des
eslint-plugin-react-hooks für alle React-Projekte im KoliBri-Monorepo
- Optimierung der Findings durch Aktivierung der empfohlenen Regeln
- Zentrale Konfiguration im
@public-ui/eslint-config Paket
Details
Aktueller Zustand
- Das Plugin
eslint-plugin-react-hooks ist bereits in den Abhängigkeiten von @public-ui/eslint-config vorhanden (v7.1.1)
- In der
reactConfig() Funktion wird das Plugin bereits geladen, aber nur eine begrenzte Anzahl an Regeln ist aktiviert:
react-hooks/rules-of-hooks: error
react-hooks/exhaustive-deps: FEHLEND (wichtige Regel für Abhängigkeitsarrays)
Geplante Änderungen
-
Aktivierung aller empfohlenen Regeln des eslint-plugin-react-hooks:
react-hooks/rules-of-hooks (bereits aktiv)
react-hooks/exhaustive-deps (neu)
-
Anpassung der React-Konfiguration in /packages/tools/eslint-config/index.js:
- Spread der
reactHooksPlugin.configs.recommended.rules statt manueller Regeldefinition
- Oder explizite Aktivierung aller relevanten Hooks-Regeln
-
Optimierung der Findings:
- Analyse der aktuellen Codebase auf Hooks-Verstöße
- Fix der gefundenen Issues (insbesondere fehlende Abhängigkeiten in
useEffect, useCallback, useMemo)
- Dokumentation der Änderungen
Betroffene Pakete
Alle React-Projekte im Monorepo:
@public-ui/react (Adapter)
@public-ui/react-v19 (Adapter)
@public-ui/react-standalone (Adapter)
@public-ui/react-hook-form-adapter (Adapter)
@public-ui/sample-react (Samples)
Akzeptanzkriterien
Verification
pnpm lint:eslint in allen React-Paketen ausführen
- Findings analysieren und beheben
- CI-Pipeline erfolgreich durchlaufen
References
Summary
eslint-plugin-react-hooksfür alle React-Projekte im KoliBri-Monorepo@public-ui/eslint-configPaketDetails
Aktueller Zustand
eslint-plugin-react-hooksist bereits in den Abhängigkeiten von@public-ui/eslint-configvorhanden (v7.1.1)reactConfig()Funktion wird das Plugin bereits geladen, aber nur eine begrenzte Anzahl an Regeln ist aktiviert:react-hooks/rules-of-hooks: errorreact-hooks/exhaustive-deps: FEHLEND (wichtige Regel für Abhängigkeitsarrays)Geplante Änderungen
Aktivierung aller empfohlenen Regeln des
eslint-plugin-react-hooks:react-hooks/rules-of-hooks(bereits aktiv)react-hooks/exhaustive-deps(neu)Anpassung der React-Konfiguration in
/packages/tools/eslint-config/index.js:reactHooksPlugin.configs.recommended.rulesstatt manueller RegeldefinitionOptimierung der Findings:
useEffect,useCallback,useMemo)Betroffene Pakete
Alle React-Projekte im Monorepo:
@public-ui/react(Adapter)@public-ui/react-v19(Adapter)@public-ui/react-standalone(Adapter)@public-ui/react-hook-form-adapter(Adapter)@public-ui/sample-react(Samples)Akzeptanzkriterien
react-hooksRegelnpnpm lint:eslintläuft ohne neue Errors durchVerification
pnpm lint:eslintin allen React-Paketen ausführenReferences