[Feature]: AnimatedCounter #1
Description
Component
New component: AnimatedCounter
Description
Хочу добавить компонент счётчика с анимацией “перелистывания” цифр от 0 до заданного значения (count), похожей на эффект в Ant Design.
Это нужно для улучшения UX в местах, где отображаются числа (баланс, статистика, количество заказов и т.д.), чтобы данные выглядели более “живыми” и заметными.
Use Case
Сейчас числа просто мгновенно рендерятся, без анимации.
Проблема в том, что:
- нет визуального акцента при обновлении данных
- интерфейс ощущается “статичным”
- пользователь может не заметить изменение значения
Примеры:
- баланс пользователя увеличился
- обновилась статистика заказов
- счётчик сообщений
Proposed Solution
Создать компонент AnimatedCounter, который:
- принимает
value(конечное число) - анимирует переход от предыдущего значения (или 0) к новому
- визуально реализует эффект “перелистывания цифр” (как одометр)
Пример API
<AnimatedCounter value={1234} duration={1000} />