ОЧЕНЬ КРАСИВО! Мобильное приложение с нуля до публикации в AppStore на React Native | День 3

preview_player
Показать описание


Надеюсь Вы оцените мои старания, с Вас лайк и подписка.

Если есть какие-то фишки по этой теме - дай знать в 💬 комментариях!

#ReactNative #React #TypeScript #RedGroup

Тайм коды:
00:00:00 - Начало
00:07:30 - Работа с индикатором
00:45:20 - Cтрелки для скипа кругов
01:03:20 - Кнопка сброса
01:13:00 - Отдых между кругами
01:48:00 - Перерыв (ушел спать)
02:50:00 - Функционал перерыва между кругами
04:04:00 - Полный рефакторинг

Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
Рекомендации по теме
Комментарии
Автор

1:09:30

При нажатии на reload-иконку там setKey(0) в принципе не обязателен, как и какие-то определённые значение при перезаписи типа setKey(key=>key+1) или setKey(key=>key-1). Можно, например, было написать одну функцию changeKey = () => setKey(key=>key+1) и использовать её везде.
Тут вся фишка в том, что ключ просто должен меняться ( принимать состоянии отличное от предшествующего ). Вследствие этого реакт демонтирует и монтирует компонент, из-за чего компонент (таймер) заново станет способен выполнять свою функцию ( анимировать круговую диаграмму ).
В принципе кейс довольный сомнительный и по-моему в библиотеке можно было без особых проблем реализовать функцию повторного срабатывания без таких вот плясок.

Гооол-йч