Читать на других языках: Русский, Українська.
Используй этот шаблон React-проекта как стартовую точку своего приложения.
- Создан репозиторий
goit-react-hw-06-phonebook
- При сдаче домашней работы есть ссылки: на исходные файлы и рабочую страницу
проекта на
GitHub Pages
илиNetlify
- В Redux-состоянии хранится минимально необходимый набор данных
- При запуске кода задания, в консоли нету ошибок и предупреждений
- Для каждого компонента есть отдельная папка с файлом React-компонента и файлом стилей
- Для компонентов описаны
propTypes
- Использована библиотека
Redux Toolkit
Выполни рефакторинг кода приложения «Телефонная книга» добавив управление состоянием при помощи библиотеки Redux Toolkit.
Пусть Redux-состояние выглядит следующим образом.
{
contacts: {
items: [],
filter: ''
}
}
- Создай хранилище с
configureStore()
- Создай действия сохранения и удаления контакта, а также обновления фильтра.
Используй функцию
createAction()
. - Создай редюсеры контактов и фильтра. Используй функцию
createReducer()
илиcreateSlice()
. - Свяжи React-компоненты с Redux-логикой при помощи хуков бибилиотеки react-redux.