Как можно использовать Reac для создания динамических веб-сайтов, если производственная сборка полностью состоит из статических файлов?

Question

Если при создании приложения реагирования создаются только статические файлы, как можно создавать динамические веб-сайты с помощью реакции?

Или может реагировать на сборку динамического контента тоже?

Я сделал только статические сайты с реакцией.

Answer 1

React может смешиваться с динамическим серверным кодом, таким как PHP, ASP.Net и т. Д. В случае с ASP.Net вы можете просто использовать шаблоны React для ASP.Net, а не использовать чистый React.только шаблоны, такие как CRA, или NEXT, или вы можете установить React вручную в свой проект ASP.Net.

Если вы хотите создать приложение React, которое по какой-то причине строго генерирует статические файлы, и при этом по-прежнему хотетьдинамическое поведение (например, загрузка из базы данных), тогда вы можете посмотреть на JAMStack .Основная идея для динамических операций: либо:

• Получить динамические данные из API во время выполнения ваших статических страниц
• Получить динамические данные из API навремя сборки / компиляции с использованием Static Site Generators (SSG)

Answer 2

Короткий ответ - да - React может предоставлять динамический контент. Вы также можете настроить React как «динамический» сайт (он же отображается на стороне сервера), используя что-то вроде Next.js

Довольно полезная статья ..

Для уточнения ...

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

Когда вы сводите его, нестатический или динамический веб-сайт, по сути, ссылается на веб-сайт (или определенные страницы в рамках веб-сайта), которые отображаются на стороне сервера. Под статическим сайтом понимается веб-сайт (или определенные страницы внутри веб-сайта), которые предварительно созданы и затем переданы клиенту.

В случае «динамических» веб-сайтов динамические данные собираются на стороне сервера и внедряются в html с помощью какого-то механизма шаблонов. ) ... Что касается «статических» сайтов, динамические данные обычно извлекаются из внутреннего интерфейса API, который находится в другом месте, чем веб-сервер, который обслуживал «статический» контент - все запросы и т. Д. Выполняются ОТ СТОРОНА КЛИЕНТА ..

По сути, используйте термины «динамический сайт» и «статический сайт» с частичкой соли. Динамический контент не является взаимоисключающим для любой парадигмы и может существовать с использованием любой парадигмы. У вас может быть динамический сайт, который не нет динамических данных ..

Динамические сайты вводят динамические данные в html-сервер, а затем отправляют их клиенту для просмотра. Статические сайты собирают динамические данные с сервера где-нибудь (это может быть API, которым вы управляете, или какой-то сторонний API), а затем вводите эти данные в разметку - разница составляет , это ВСЕ сделано на стороне клиента . Если вы хотите извлечь данные из стороннего API с использованием динамического / серверного сайта, клиент запросит страницу с вашего веб-сервера, тогда ваш веб-сервер запросит сторонний API и вставит их в HTML, а затем отправит HTML обратно к вам .. (на высоком уровне) .. С учетом сказанного - вы все равно можете вызывать сторонние API-интерфейсы на стороне клиента, манипулировать данными и манипулировать на стороне клиента DOM при использовании рендеринга на стороне сервера ..

Статические сайты обычно отправляют клиенту весь сайт (на высоком уровне) по первому запросу - даже если он содержит несколько «страниц».