Комментарии 5
const res = await axios.get(
`https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=${process.env.WEATHER_API_KEY}&units=metric`
);
А вот у товарищей из Next.js есть библиотека для таких запросов. Которая куда полезней/чаще будет использоваться, чем «отправка формы без JS».
1-1.
UPD: я про useSWR (от авторов Next) говорю сейчас, и конечно её можно использовать не только в Next, естественно.
Все-таки "отправка формы без JS" не про это, насколько я понимаю. useSWR это просто хуки с состоянием запроса. А здесь ведь получается, что отправляется форма, сервер Remix выполняет функции action / loader, связанные с компонентом, из которого форма была отправлена, дальше, например, в них получает какие-то данные (на сервере) и возвращает их (или отрисовывает компонент и возвращает верстку, которая синхронизируется с клиентом, это надо разобраться) и попутно еще позволяет получить состояние этого запроса. То есть как бы берет на себя весь цикл выполнения запроса и отрисовки. Не знаю, правильно ли я понял вот эту фишку, на практике не применял конечно еще, но выглядит так.
Любая страница внутри папки какого-либо роута является вложенным роутом, а не отдельным. Поэтому вы можете вставить эти компоненты внутрь вашей родительской страницы, что сокращает время загрузки.
Как это?
Думаю, речь про это: https://remix.run/docs/en/v1/guides/routing#what-it-means
То есть засчет структуры папок/файлов можно делать некоторые оптимизации.
Remix: руководство по новому open source React-фреймворку