Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/dm-zhuk/goit-react-woolf-hw-06-phonebook
- Owner: dm-zhuk
- Created: 2024-05-02T14:16:33.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-05-05T23:56:15.000Z (6 months ago)
- Last Synced: 2024-05-06T01:25:23.793Z (6 months ago)
- Topics: redux-toolkit
- Language: JavaScript
- Homepage: https://dm-zhuk.github.io/goit-react-woolf-hw-06-phonebook/
- Size: 2.53 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.RO.md
Awesome Lists containing this project
README
Книга контактів Візьми своє рішення завдання з попередньої домашньої роботи і
додай зберігання контактів телефонної книги в localStorage. Використовуй методи
життєвого циклу.Під час додавання та видалення контакту контакти зберігаються у локальне
сховище. Під час завантаження застосунку контакти, якщо такі є, зчитуються з
локального сховища і записуються у стан.Phonebook: Щоб використати дані з локального сховища в setContacts передаємо
callback функцію і з неї повертаємо дані з локального сховища або пустий масив.
Пропоную використати useEffect в масиві залежностей якого буде лише contacts для
збереження даних в локальне сховище. В компоненті ContactsList ніяких фільтрів
не потрібно, лише створення розмітки.