Хьюго с React?
Возможно ли / идеально использовать что-то вроде Hugo с React? Я знаю о Гэтсби, но будет ли Хьюго работать. У меня ограниченные знания об их объединении, но я понимаю, что Hugo будет использоваться для всех ваших шаблонов и статических веб-страниц, а затем React будет использоваться для типа вещей веб-приложений и где-то там безголовая CMS? Может ли кто-нибудь с опытом прокомментировать, почему Хьюго или Гэтсби иногда хорошо использовать с React? Или обзор взаимоотношений между фреймворками?
Ответы 2
Ага,
В gatsby есть компонентный веб-дизайн,
И есть скорость света Хьюго,
Я тоже застрял в выборе между ними.
Я не знаю, что буду делать, но у меня на уме следующее:
- Используйте gatsby для создания страницы. Вы должны создавать каждую страницу своего веб-сайта отдельно (не полагайтесь на маршрутизацию)
- Используйте файл
index.htmlс шаблонами hugo. - Сделанный
Это изображение папки public (вывод) после создания страницы gatsby: 
Обновлять:
На маршрутизацию можно положиться. На картинке выше каждая из папок с компонентами имеет собственный index.html, так что вы тоже можете их использовать.
Обновление 2021 года:
Используйте Next.JS. С функцией Incremental Static Regeneration вы можете добиться того, чего хотите, даже не прикасаясь к Хьюго.
Is it possible/ideal to use something like Hugo with React? I am aware of Gatsby, but would Hugo work as well.
Мы использовали Hugo с React (приложение create-react-app) в https://www.electrade.app. Все страницы служат для hugo статических страниц, но если вы перейдете к / quote, откликнется SPA, и вы окажетесь в динамической стране. Так что да, Hugo тоже работает, но у вас будет 2 языка и 2 синтаксиса.
combining the two [...] my understanding would be that Hugo would be used for all your templating and static web pages and then React would be used for the web application type of things
Точно.
Can someone with experience comment why Hugo or Gatsby are sometimes good to use with React? Or an overview of the relationship between the frameworks?
- Hugo написан на Go и строит ванильный статический HTML. Пример: блог, но вам нужно всего один раз написать верхний и нижний колонтитулы.
- React написан на Javascript и представляет собой интерфейсную библиотеку для создания динамических интерфейсов. Сайт React обычно предоставляет вам пустой файл index.html и файл Javascript, которые затем запускаются и динамически заполняют файл index.html содержимым в вашем браузере. Пример: новостная лента Facebook меняется каждый раз при загрузке.
- Но что, если вы хотите написать приведенный выше пример блога, также только один раз написав верхний и нижний колонтитулы, но используя синтаксис React? Если вы используете обычный React, ваш блог загрузит пустой файл index.html и заполнит его вашим блогом на Javascript. Это, помимо прочего, плохо сказывается на SEO и времени загрузки. Если вы хотите, чтобы он компилировался до ванильного статического HTML - это то, для чего нужен Гэтсби.