/register-form

Simple register form using React, React Hook Form and Styled Components.

Primary LanguageJavaScript

Тестовое задание для Amigoweb

Демо на Heroku

Данный репозиторий содержит выполненное тестовое задание на позицию React-разработчика для Amigoweb.

Все условия задания были соблюдены.

Для стилизации компонентов используется библиотека Styled Components.

Валидация полей ввода осуществляется при помощи Yup с использованием регулярных выражений и React Hook Form, благодаря чему форма не только проверяется на правильность вводимых данных, но и сразу же готова к отправке на сервер (в функцию onSubmit, содержащейся в компоненте, передаётся аргумент data).

Также был использован react-select, предоставляющий возможность создания пользовательских выпадающих меню (в стандартном HTML их практически невозможно кастомизировать), ввиду некоторых недостатков моей собственной реализации (управление с клавиатуры, поддержка мобильных устройств).

Инструкция для запуска

Установка зависимостей

npm install

Запуск проекта в режиме разработки.

npm start

Сборка проекта для production.

npm run build

Список внешних зависимостей

  1. Styled components
  2. React Hook Form
  3. Yup
  4. React-select
  5. PropTypes