Выполнил: Никита Милованов.
Просмотреть сайт на githunb pages
-
Мной был выбран следующий инструмент автоматизации -
create-react-appОдин из наиболее быстрых и удобных способов развернуть React приложение с нуля в короткие сроки -
В качестве препроцессора был выбран Sass (SCSS) Для успешной интеграции SCSS в мой проект потребовалось установить дополнительный пакет -
node-sass -
Контроль кода производился с помощью
ESLint,EditorconfigиStylelintrМной были взяты конфиги HTML Academy -eslint-config-htmlacademyиstylelint-config-htmlacademy -
Favicon сайта была изменена на логотип из макета
-
Логотип был взят как svg картинка вместе с текстом "ЛИГА Банк" Логотип был взят вместе с сопутствующим текстом, так как текст является его частью. Мы всегда хотим видеть логотип в том виде, в котором он должен быть, а шрифт логотипа может не подгрузится, именно поэтому был взят логотип вместе с текстом
-
fonts, img не находятся в папке public из-за проблем CRA 4 с абсолютными путями facebook/create-react-app#9870 и facebook/create-react-app#9937 . Основные рекомендации в такой ситуации были: перенести шрифты, изображения и т.п. в src. Именно поэтому они располагаются в папке src/assets https://create-react-app.dev/docs/adding-images-fonts-and-files/
-
В качестве календаря был выбран
react-datepickerАдаптированная под React версия datepicker -
Для удобного использования redux, был установлен
@reduxjs/toolkit -
Для удобной работой с сервера был использован пакет
axios -
Для получения курса валют был выбран сервис - Rates API Один из бесплатных api предоставляющих информацию о курсе валют. Полный список api - ссылка
- Поиск информации - 2 часа
- Настройка автоматизации - 1 час
- Верстка - 8 часов
- React - 5 часов
Суммарно - 16 часов