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

Master's Degree React Course. Refactoring with Redux toolkit, React-redux, Redux Persist
https://github.com/lesiaukr/goit-react-woolf-hw-06-phonebook

goit-react-woolf-hw-06-phonebook localstorage persistent-storage react-redux redux-toolkit

Last synced: 16 days ago
JSON representation

Master's Degree React Course. Refactoring with Redux toolkit, React-redux, Redux Persist

• Host: GitHub
• URL: https://github.com/lesiaukr/goit-react-woolf-hw-06-phonebook
• Owner: LesiaUKR
• Created: 2024-03-05T10:45:39.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-03-06T18:41:08.000Z (12 months ago)
• Last Synced: 2024-12-02T08:49:42.914Z (2 months ago)
• Topics: goit-react-woolf-hw-06-phonebook, localstorage, persistent-storage, react-redux, redux-toolkit
• Language: JavaScript
• Homepage: https://lesiaukr.github.io/goit-react-woolf-hw-06-phonebook/
• Size: 3.47 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Критерії приймання

- При здачі домашньої роботи є посилання: на вихідні файли та робочу сторінку

  проекту на `GitHub Pages`.

- Під час запуску коду завдання в консолі відсутні помилки та попередження.

- Для кожного компонента є окрема папка з файлом React-компонента та файлом

  стилів

- Імена компонентів зрозумілі та описові.

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

- Створений репозиторій `goit-react-woolf-hw-06-phonebook`.

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

за допомогою бібліотеки [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/final-result.jpg)