allforonereactrebuild

Все для одного реагирования восстановления

Имя: Элизабет Троттер

Проект сфера

Это rebuild of a former project , который объединяет бывшие проблемы с конечными точками Mini API в 10-страничное веб-приложение. В центре внимания этого проекта было learn how to use React . Этот проект был прототип на Figma , используя mobile first design .

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

Примечание

Это приложение извлекает из полностью функционального Web API , который я создал и развернул на Azure . К нему можно получить доступ к другим приложениям через HTTP.

• Нажмите здесь, чтобы посетить веб -API Repo .

Предварительный просмотр приложения

Рисунок 1: Мобильный предварительный просмотр домашней страницы и первых двух уровней

Оценка сверстников

Имя: Zachary Dressel Date/Время: 2/9/24 15:55 Комментарии: Проект находится на месте для запроса на отдых React, все функционирует, за исключением уровня 2, который стоит назад, и этот уровень 9 может использовать описание, а не просто вывод имени. Сайт также абсолютно отзывчив, в целом удивительно!

Проблемы решены:

• Исправленная ошибка 2 -го уровня ✅ 2/9/24 16:55

---

Начало работы с приложением Create React

Этот проект был загружен с приложением Create React.

Доступные сценарии

В каталоге проекта вы можете запустить:

npm start

Запускает приложение в режиме разработки.
Откройте http: // localhost: 3000, чтобы просмотреть его в своем браузере.

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

npm test

Запускает Test Runner в режиме интерактивных часов.
См. Раздел о запуске тестов для получения дополнительной информации.

npm run build

Создает приложение для производства в папку build .
Он правильно реагирует в производственном режиме и оптимизирует сборку для наилучшей производительности.

Сборка занижена, а имена файлов включают хэши.
Ваше приложение готово к развертыванию!

См. Раздел о развертывании для получения дополнительной информации.

npm run eject

Примечание: это односторонняя операция. После того, как вы eject , вы не можете вернуться!

Если вы не удовлетворены инструментом сборки и выбором конфигурации, вы можете eject в любое время. Эта команда удалит единственную зависимость сборки из вашего проекта.

Вместо этого он скопирует все файлы конфигурации и транзитивные зависимости (Webpack, Babel, Eslint и т. Д.) Все команды, кроме eject все еще будут работать, но они будут указывать на скопированные сценарии, так что вы можете настроить их. На данный момент вы сами.

Вам не нужно когда -либо использовать eject . Кураторский набор функций подходит для небольших и средних развертываний, и вы не должны чувствовать себя обязанным использовать эту функцию. Однако мы понимаем, что этот инструмент не будет полезен, если вы не сможете настроить его, когда будете готовы к нему.

Узнать больше

Вы можете узнать больше в документации Create React App.

Чтобы изучить React, ознакомьтесь с документацией React.

Разделение кода

Этот раздел перешел сюда: https://facebook.github.io/create-react-app/docs/code-spliting

Анализ размера пакета

Этот раздел перешел сюда: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Создание прогрессивного веб -приложения

Этот раздел перешел здесь: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Расширенная конфигурация

Этот раздел перешел здесь: https://facebook.github.io/create-react-app/docs/advanced-configuration

Развертывание

Этот раздел перешел здесь: https://facebook.github.io/create-react-app/docs/deployment

npm run build не может минимизировать

Этот раздел перешел здесь: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails to-minify