Описание проделанной работы:
Это был мой первый проект на React, на основе которого я стал изучать данную библиотеку и её различные компоненты.
Так же в данном проекте я впервые стал использовать сборщик Webpack и больше углубляться в использование менеджера пакетов npm.
Основные особенности проекта:
- Разработка всего контента сайта по макету (6 страниц). Pixel Perfect вёрстка.
- Использование сборщика Webpack для сборки проекта с разделением js кода, минификацией css, поддержкой препроцессора sass для стилей, компилятором Babel для javascript, PostCSS для обработки css.
- Использование eslint и prettier для корректировки кода.
- Для написания стилей была выбрана за основу методология SMACSS.
- Использование normalize.css для нормализации стилей.
- Применение пакета react-router-dom для маршрутизации компонентов сайта для разных страниц.
- Имеется анимация загрузки страниц, выводимая с помощью компонента Suspense.
- Разделение компонентов для их вызова и использования как единого шаблона для всех страниц. (Header, Footer, Слайдеры, контакты, кнопка «вверх»).
- Использование react-slick для работы слайдеров.
- Подсветка навигационной ссылки текущей страницы.
- Применение функции lazy для объявления компонентов React с отложенной загрузкой.
- Адаптивное меню для пк и мобильных устройств.
- Использование горячей перезагрузки страницы при внесении изменений в файл. (ReactRefreshWebpackPlugin)
