Создайте 10 практических шаблонов для модульных React-компонентов, учитывающих лучшие практики современного процесса разработки на React. Шаблоны должны охватывать различные типичные случаи использования и быть легко настраиваемыми.

Контекст: [React, JavaScript, компоненты, модульность, повторное использование, хуки, управление состоянием, props, дизайн интерфейса, фронтенд-разработка]

Цель: [эффективная и поддерживаемая разработка компонентов, четкая структура, простая интеграция, повторное использование, современные техники React]

Для каждого шаблона объясните:
1) случай использования или функциональность компонента
2) структуру с примером кода, включая современные возможности React (например, хуки, Context, Suspense)
3) рекомендации по лучшим практикам в структуре, управлении состоянием и стилизации

Шаблоны должны:
- включать как функциональные, так и классовые компоненты с состоянием
- рассматривать TypeScript или JavaScript (опционально по указанию)
- учитывать адаптивный и доступный дизайн интерфейса
- быть подходящими для разработчиков с базовыми знаниями React