Skip to content

sulaymon1404/task

Repository files navigation

Запуск проекта

В директории проекта вы можете использовать следующие команды:

npm run dev

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

npm run server

Запускает локальный сервер JSON для имитации API. Сервер наблюдает за файлом db.json и работает на порту 3001.

Основные зависимости

@mui/material, @mui/icons-material, @mui/lab

  • MUI (Material-UI) предоставляет набор компонентов для создания удобных и красивых интерфейсов. Использование этих библиотек ускоряет разработку и обеспечивает согласованность дизайна.

axios

  • Библиотека для выполнения HTTP-запросов, упрощающая взаимодействие с API и обработку данных.

formik и yup

  • Formik используется для управления состоянием форм и валидацией, а Yup для схем валидации. Эти библиотеки делают работу с формами более структурированной и удобной.

json-server

  • Локальный сервер для имитации API, что упрощает тестирование и разработку без необходимости разворачивания полноценного backend-а.

react-hot-toast

  • Легкая и настраиваемая библиотека для отображения уведомлений, улучшая пользовательский опыт.

react-intersection-observer

  • Библиотека для наблюдения за пересечением элементов, полезная для реализации ленивой загрузки и бесконечной прокрутки.

В данном проекте можно обойтись без использования стороннего стейт-менеджера (например, Redux или MobX) по следующим причинам:

Простота проекта

Проект является относительно небольшим и простым. Основные данные хранятся в состоянии верхнего уровня компонента (App.js), что позволяет легко управлять состоянием с помощью встроенных React хуков (useState, useEffect).

Локальное состояние

Все состояние приложения локализовано в пределах одного или двух компонентов. Нет необходимости в сложной логике или глобальном управлении состоянием, так как компоненты имеют четко определенные обязанности и не требуют обмена состоянием с большим количеством других компонентов.

React Context API

В случае необходимости, можно использовать Context API, который встроен в React и позволяет передавать состояние через дерево компонентов без использования дополнительных библиотек.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published