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

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

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/annatsepilova/goit-react-woolf-hw-06-phonebook
• Owner: AnnaTsepilova
• Created: 2024-03-05T22:25:30.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-03-13T20:04:29.000Z (8 months ago)
• Last Synced: 2024-03-13T21:24:45.212Z (8 months ago)
• Language: JavaScript
• Homepage: https://annatsepilova.github.io/goit-react-woolf-hw-06-phonebook/
• Size: 3.89 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Книга контактів

Виконай рефакторинг коду застосунку «Книга контактів», додавши управління станом

за допомогою бібліотеки [Redux Toolkit](https://redux-toolkit.js.org/).

Нехай Redux-стан виглядає наступним чином.

```bash

{

  contacts: [],

  filter: ""

}

```

- Створи сховище з `configureStore()`

- Використовуй функцію `createSlice()`

- Створи дії збереження та видалення контакту, а також оновлення фільтра

- Зв'яжи React-компоненти з Redux-логікою за допомогою хуків бібліотеки

  [react-redux](https://react-redux.js.org/).

- Використай бібліотеку Redux Persist для збереження масиву контактів у

  локальному сховищі

### Фінальний результат

![screencapture](./assets/screencapture_1.png)