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

ReactJS.Topic XIV-Selectors Optimisation.HW07-Phonebook
https://github.com/dm-zhuk/goit-react-woolf-hw-07-phonebook

backend-api reactjs redux-persist redux-toolkit selectors

Last synced: about 6 hours ago
JSON representation

ReactJS.Topic XIV-Selectors Optimisation.HW07-Phonebook

• Host: GitHub
• URL: https://github.com/dm-zhuk/goit-react-woolf-hw-07-phonebook
• Owner: dm-zhuk
• Created: 2024-05-06T18:47:01.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-09T22:01:13.000Z (6 months ago)
• Last Synced: 2024-05-10T20:03:05.634Z (6 months ago)
• Topics: backend-api, reactjs, redux-persist, redux-toolkit, selectors
• Language: JavaScript
• Homepage: https://dm-zhuk.github.io/goit-react-woolf-hw-07-phonebook/
• Size: 2.85 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.RO.md

Awesome Lists containing this project

README

        
phonebook Виконайте рефакторинг коду програми «Книга контактів». Видали код, що

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

взаємодію з бекендом для зберігання контактів. Бекенд Створи свій персональний

бекенд для розробки за допомогою UI-сервісу mockapi.io. Зареєструйся

використовуючи свій обліковий запис GitHub. Створи ресурс contacts щоб отримати

ендпоінт /contacts. Використай конструктор ресурсу та опиши об'єкт контакту як

на ілюстрації.  Форма стану Додай у стан Redux обробку індикатора завантаження

та помилки. Для цього зміни форму стану. { contacts: { items: [], isLoading:

false, error: null }, filter: "" }

Операції Використовуй функцію createAsyncThunk для оголошення асинхронних

генераторів екшенів та виконання HTTP-запитів. Обробку екшенів та зміну даних у

стані Redux зроби за допомогою createSlice. Оголоси наступні операції:

- fetchContacts - одержання масиву контактів (метод GET) запитом. Базовий тип

  екшену "contacts/fetchAll".

- addContact - додавання контакту (метод POST). Базовий тип

  екшену "contacts/addContact".

- deleteContact - видалення контакту (метод DELETE). Базовий тип

  екшену "contacts/deleteContact".