Erstelle 10 praktische Vorlagen für modulare React-Komponenten, die Best Practices im modernen React-Entwicklungsprozess berücksichtigen. Die Vorlagen sollen verschiedene typische Anwendungsfälle abdecken und leicht anpassbar sein.

Kontext: [React, JavaScript, Komponenten, Modularität, Wiederverwendbarkeit, Hooks, State Management, Props, UI-Design, Frontend-Entwicklung]

Ziel: [effiziente und wartbare Komponentenentwicklung, klare Strukturierung, einfache Integration, Wiederverwendbarkeit, moderne React-Techniken]

Für jede Vorlage erläutere:
1) den Anwendungsfall oder die Funktionalität der Komponente
2) den Aufbau mit Beispielcode, inklusive moderner React-Features (z.B. Hooks, Context, Suspense)
3) Hinweise zu Best Practices bei Struktur, State-Handling und Styling

Die Vorlagen sollen:
- sowohl funktionale als auch zustandsbehaftete Komponenten enthalten
- auf TypeScript oder JavaScript eingehen (optional nach Angabe)
- responsives und zugängliches UI-Design berücksichtigen
- für Entwickler mit Grundkenntnissen in React geeignet sein