Кастомные хуки | useLocalStorage
Иногда нам необходимо сохранить данные, например корзина покупок или список дел, чтобы даже после перезагрузки страницы они у нас остались.
Для этого мы можем воспользоваться localStorage.
А для облегчения работы с localStorage мы можем написать свой кастомный хук.
Рассмотрим хук useLocalStorage, он получает ключ и начальное значение.
Есть функция getValue которая возвращает из локал стореджа данные которые хранятся по этому ключу, если их нет, то возвращаются начальные значения.
Это все хранится в локальном стейте.
А в юзэффекте у нас обрабатывается обновление нашего хранилища.
Возвращаем мы storedValue и функцию setStoredValue.
Подписывайтесь на телеграмм, будем готовиться к собесам: https://t.me/it_tonylife
Подписывайтесь на boosty: https://boosty.to/maxfri
Смотрите видео Кастомные хуки | useLocalStorage онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Iaroslav Silkin | Front-end 07 Февраль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 58 раз и оно понравилось 4 людям.