Данный проект создан с помощью Create React App.
Не удаляйте и не изменяйте папки и файлы:
.editorconfig
, .gitattributes
, .gitignore
, package.json
.
Директория для размещения статичных ресурсов (шрифты, стили, изображения и так далее). Корневая директория проекта.
Обратите внимание, файл Readme.md
, в директории public
, содержит описание подготовительного процесса, который вам необходимо выполнить перед тем, как приступать к работе над проектом.
В директории размещаются исходный код проекта: компоненты, файлы с тестами, модули и так далее. Структура директории src
может быть произвольной.
После создания проекта вам доступны следующие сценарии. Обратите внимание, для запуска сценария, вы должны находится в директории проекта (./project
).
npm start
После запуска, приложение доступно для просмотра в браузере по адресу http://localhost:3000.
При сохранении изменений, проект перезапускается и обновляется в браузере. Таким образом, вы можете следить за разработкой проекта в режиме реального времени.
Обратите внимание, режим разработки настроен таким образом, при котором ошибки, найденные статическим анализатором кода ESLint, отображаются в той же вкладке браузера, в которой запущен проект.
npm test
Запуск тестов приложения в интерактивном режиме.
В данном случае, имеются в виду тесты, которые вынесены в отдельные файлы, в имени которых присутствует суффикс *.test.*
. Например, app.test.tsx
.
Подробную информацию вы можете найти на странице Запуск тестов.
npm run eslint
Запуск проверки проекта статическим анализатором кода ESLint.
Анализ кода производится только в файлах, которые находятся в директории src
.
Обратите внимание, при запуске данной команды, ошибки выводятся в терминал.
npm run build
Запуск сборки приложения.
В процессе сборки приложения, код приложения оптимизируется и минимизируется, для достижения наилучшей производительности.
Во время выполнения инструкций по сборке проекта, в корне проекта создается директория build
, в которую будут помещены результирующие файлы. После сборки проект готов к публикации.
Подробную информацию вы можете найти на странице Развертывание проекта.
npm run eject
Обратите внимание, при запуске команды npm run eject
нет возможности вернуть внесённые изменения обратно!
Выполнение данной команды, react-scripts
скопирует все конфигурационные файлы и скрипты в корень проекта. Данный процесс позволяет получить полный контроль над конфигурацией проекта.
Не используйте данную команду, если не уверены как именно она работает или к какому результату приведёт ее выполнение.