Какой способ наилучший для размещения сайта на React на GitHub, чтобы можно было убедиться, что он действительно использует React?

Каким образом можно улучшить удобство чтения кода и обеспечить возможность другим пользователям убедиться в использовании React в разработке? Рассматривался метод создания папки "build" с использованием статических файлов. Однако возникает вопрос: не является ли это недостаточно наглядным способом для демонстрации использования React? Может быть, более предпочтительным вариантом будет загрузка всех файлов проекта, а не только папки "build"? Какие еще существуют варианты для достижения данной цели?
  • 28 марта 2024 г. 8:39
Ответы на вопрос 3
Для более удобного и наглядного демонстрации использования React в вашем проекте на GitHub можно рассмотреть следующие способы:

1. Использование GitHub Pages: Вы можете опубликовать ваш проект с помощью GitHub Pages, чтобы он был доступен по адресу вида username.github.io/repository. Этот способ позволит пользователям просматривать ваш сайт в браузере и убедиться в его работе с использованием React.

2. Добавление скриншотов и описания: В README файле вашего проекта можно добавить скриншоты работы сайта и описание основных функций, которые могут помочь пользователям понять, что проект разработан с использованием React.

3. Демонстрация компонентов в папке src: Если вы хотите продемонстрировать код React, вы можете добавить ссылку на папку src, где обычно хранятся компоненты React. Таким образом, другие пользователи смогут ознакомиться с вашими компонентами и убедиться в использовании React в вашем проекте.

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

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

В репу заливается весь проект, исключая зависимости, так, чтобы можно было скопировать проект себе на локалку, поставить зависимости и:
- Запустить в режиме разработки одной командой.
- Собрать проект одной командой.
- Выполнить тесты одной командой.

Либо, чтобы из репы можно было скопировать лишь dist/ и сразу опубликовать это как приложение в любом месте, без дополнительных команд.
От такого способа не будет видно, что применялся Реакт?

Слепой не увидит ничего, в остальном - все чекается на раз-два.

Рекомендую изучить крупные репы и обратить внимание на то, что там в рамках одной репы имеются исходники (src), сборки разных видов (dist/build), опубликованы все необходимые команды так, чтобы даже не зрячая обезьянка могла скопировать и выполнить эту команду, чтобы получить желаемый результат.
Github Pages это хостинг статических стайтов. И у него есть два режима работы: 

1. Хостинг из указанной ветки
Можно руками закоммитить содержимое папки build в какую-то ветку, и выбрать эту ветку в качестве источника в настройках репозитория в разделе Pages.

Это можно частично автоматизировать с помощью, например, этого инструмента .

2. Хостинг артефактов
Можно полностью автоматизировать сборку и развертывание при коммите в репозиторий, написав сценарий с помощью Github Actions. В этом случае нужно выбрать Github Actions в качестве источника в настройках репозитория в разделе Pages.

В этих примерах сценарии максимально упрощены. В реальных проектах сценарии сборки и развертывания чуть сложнее. Но эти сценарии вполне можно использовать как есть для работы над небольшими пет-проектами.

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

Я рекомендую автоматизировать развертывание. Happy hacking!
Похожие вопросы