perf(dashboard): React-Review - Memoization, stabile Callbacks, Key-Fixes

React.memo auf allen 8 Kachel-Komponenten + TileFrame, damit Interaktionen (Anpassen/Monitor/Größe/Ausblenden) nicht mehr alle Kacheln unnötig neu rendern. Voraussetzung dafür: onAusblendenUmschalten/onGroesseAendern als stabile useCallback-Referenzen mit id-Parameter statt pro Kachel neu erzeugter Closures. Die vier Layout-Mutationsfunktionen (dragEnde/ausblendenUmschalten/groesseAendern/layoutZuruecksetzen) über eine gemeinsame aktualisiereLayout-Helper-Funktion mit funktionalem setState dedupliziert (vermeidet stale-closure-Risiko bei schnellen Interaktionen). Instabile Index-Keys in PrueftermineTile/AufgabenTile durch stabile Keys ersetzt. maengelOffenListe in MaengelTile mit useMemo. Fehler-Anzeige bekommt "Erneut versuchen"-Button. Drag-Griff in TileFrame: type="button" + aria-roledescription für Screenreader. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV
2026-09-07 13:27:36 +02:00
parent 726d6e29b1
commit 0c448c7ff7
11 changed files with 223 additions and 52 deletions
@@ -6417,3 +6417,117 @@ Keine Commits in dieser Session.
 - frontend/vite.config.ts                           |   2 +

 ---
+## 2026-09-07 12:40 – 12:42 (2m)
+**Beschreibung:** Claude Code Session
+**Projekt:** asb-material
+
+### Commits
+- c18638a feat(dashboard): echtes Drag & Drop statt Pfeil-Buttons, moderneres Kachel-Design
+
+### Geänderte Dateien
+- DEVLOG.md                                             | 75 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+- frontend/package-lock.json                            | 62 +++++++++++++++++++++++++++++++++++++++++++++++++++
+- frontend/package.json                                 |  3 +++
+- frontend/src/components/ui/card.tsx                   |  2 +-
+- frontend/src/pages/dashboard/DashboardPage.tsx        | 79 ++++++++++++++++++++++++++++++++++++-----------------------------
+- frontend/src/pages/dashboard/TileFrame.tsx            | 64 ++++++++++++++++++++++++++--------------------------
+- frontend/src/pages/dashboard/tiles/KennzahlenTile.tsx | 21 ++++++++++--------
+- frontend/src/pages/dashboard/tiles/MaengelTile.tsx    | 11 ++++-----
+
+---
+## 2026-09-07 13:16 – 13:17 (0m)
+**Beschreibung:** Claude Code Session
+**Projekt:** asb-material
+
+### Commits
+Keine Commits in dieser Session.
+
+### Geänderte Dateien
+- DEVLOG.md                                             | 75 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+- frontend/package-lock.json                            | 62 +++++++++++++++++++++++++++++++++++++++++++++++++++
+- frontend/package.json                                 |  3 +++
+- frontend/src/components/ui/card.tsx                   |  2 +-
+- frontend/src/pages/dashboard/DashboardPage.tsx        | 79 ++++++++++++++++++++++++++++++++++++-----------------------------
+- frontend/src/pages/dashboard/TileFrame.tsx            | 64 ++++++++++++++++++++++++++--------------------------
+- frontend/src/pages/dashboard/tiles/KennzahlenTile.tsx | 21 ++++++++++--------
+- frontend/src/pages/dashboard/tiles/MaengelTile.tsx    | 11 ++++-----
+
+---
+## 2026-09-07 13:19 – 13:20 (0m)
+**Beschreibung:** Claude Code Session
+**Projekt:** asb-material
+
+### Commits
+Keine Commits in dieser Session.
+
+### Geänderte Dateien
+- DEVLOG.md                                             | 75 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+- frontend/package-lock.json                            | 62 +++++++++++++++++++++++++++++++++++++++++++++++++++
+- frontend/package.json                                 |  3 +++
+- frontend/src/components/ui/card.tsx                   |  2 +-
+- frontend/src/pages/dashboard/DashboardPage.tsx        | 79 ++++++++++++++++++++++++++++++++++++-----------------------------
+- frontend/src/pages/dashboard/TileFrame.tsx            | 64 ++++++++++++++++++++++++++--------------------------
+- frontend/src/pages/dashboard/tiles/KennzahlenTile.tsx | 21 ++++++++++--------
+- frontend/src/pages/dashboard/tiles/MaengelTile.tsx    | 11 ++++-----
+
+---
+## 2026-09-07 13:21 – 13:22 (0m)
+**Beschreibung:** Claude Code Session
+**Projekt:** agents
+
+### Commits
+- 726d6e2 chore(agents): react/tailwind/css/html-expert Subagenten aus 0xfurai/claude-code-subagents geladen
+
+### Geänderte Dateien
+- .claude/agents/DEVLOG.md          | 20 ++++++++++++++++++++
+- .claude/agents/css-expert.md      | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
+- .claude/agents/html-expert.md     | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+- .claude/agents/react-expert.md    | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+- .claude/agents/tailwind-expert.md | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+---
+## 2026-09-07 13:23 – 13:24 (0m)
+**Beschreibung:** Claude Code Session
+**Projekt:** asb-material
+
+### Commits
+Keine Commits in dieser Session.
+
+### Geänderte Dateien
+- .claude/agents/DEVLOG.md          | 20 ++++++++++++++++++++
+- .claude/agents/css-expert.md      | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
+- .claude/agents/html-expert.md     | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+- .claude/agents/react-expert.md    | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+- .claude/agents/tailwind-expert.md | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+---
+## 2026-09-07 13:24 – 13:24 (0m)
+**Beschreibung:** Claude Code Session
+**Projekt:** asb-material
+
+### Commits
+Keine Commits in dieser Session.
+
+### Geänderte Dateien
+- .claude/agents/DEVLOG.md          | 20 ++++++++++++++++++++
+- .claude/agents/css-expert.md      | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
+- .claude/agents/html-expert.md     | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+- .claude/agents/react-expert.md    | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+- .claude/agents/tailwind-expert.md | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+---
+## 2026-09-07 13:25 – 13:25 (0m)
+**Beschreibung:** Claude Code Session
+**Projekt:** asb-material
+
+### Commits
+Keine Commits in dieser Session.
+
+### Geänderte Dateien
+- .claude/agents/DEVLOG.md          | 20 ++++++++++++++++++++
+- .claude/agents/css-expert.md      | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
+- .claude/agents/html-expert.md     | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+- .claude/agents/react-expert.md    | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+- .claude/agents/tailwind-expert.md | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+---