Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dm-zhuk/goit-react-woolf-hw-06-phonebook

ReactJS.Topic XII-Redux Toolkit.HW06-Phonebook
https://github.com/dm-zhuk/goit-react-woolf-hw-06-phonebook

redux-toolkit

Last synced: about 6 hours ago
JSON representation

ReactJS.Topic XII-Redux Toolkit.HW06-Phonebook

Awesome Lists containing this project

README

        

Книга контактів Візьми своє рішення завдання з попередньої домашньої роботи і
додай зберігання контактів телефонної книги в localStorage. Використовуй методи
життєвого циклу.

Під час додавання та видалення контакту контакти зберігаються у локальне
сховище. Під час завантаження застосунку контакти, якщо такі є, зчитуються з
локального сховища і записуються у стан.

Phonebook: Щоб використати дані з локального сховища в setContacts передаємо
callback функцію і з неї повертаємо дані з локального сховища або пустий масив.
Пропоную використати useEffect в масиві залежностей якого буде лише contacts для
збереження даних в локальне сховище. В компоненті ContactsList ніяких фільтрів
не потрібно, лише створення розмітки.