/goit-react-hw-03-phonebook

Phone book with local storage

Primary LanguageJavaScript

goit-react-hw-03-phonebook

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

Критерії прийому

  • Створено репозиторії goit-react-hw-03-phonebook і goit-react-hw-03-image-finder
  • При здачі домашньої роботи є посилання: на вихідні файли і робочу сторінку проектів на GitHub pages
  • У стані компонентів зберігається мінімально необхідний набір даних, інше обчислюється
  • При запуску коду завдання, в консолі немає помилок і попереджень
  • Для кожного компонента є окрема папка з файлом React-компонента і файлом стилів
  • Для компонентів описані propTypes, і де необхідно, defaultProps
  • Все що компонент очікує у вигляді пропів, передається йому при виклику
  • Імена компонентів зрозумілі, описові
  • JS-код чистий і зрозумілий, використовується Prettier
  • Стилізація робиться тільки SASS, CSS-модулями або Styled Components, тому класи в результуючому DOM можуть відрізнятися від прикладів.
  • Для стилізації досить позиціонування і розміри наближені до макету. Компоненти, в першу чергу, повинні працювати, а вже потім бути красиві, виділяй 20% часу на стилізацію і 80% на JS.

Завдання

Телефонна книга

Візьми своє рішення завдання з домашньої роботи 2 і додай зберігання контактів телефонної книги вlocalStorage. Використовуй методи життєвого циклу.

  • При додаванні і видаленні контакту, контакти зберігаються в локальне сховище.
  • При завантаженні програми, контакти, якщо такі є, зчитуються з локального сховища і записуються в стан.