View Code? Open in Web Editor NEW

https://trubo4ka911.github.io/goit-react-hw-06-phonebook/

Shell 0.48% HTML 14.22% JavaScript 82.27% CSS 3.02%

goit-react-hw-06-phonebook's Introduction

Читать на других языках: Русский, Українська.

Используй этот шаблон 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.

Recommend Projects