MZ
С фетчем ишаков не было
Size: a a a
2021 November 22
MZ
Фетч будет передаваться на клиент и восстанавливаться из “кеша” есликод правильно оформлен и вызывается .json or .text
AP
я только что скинул ишак с фетчом. ты отвечаешь "нет там никаких ишаков"
MZ
А я только что ответил в чем там проблема
AP
там навалили кейсов когда эти методы не нужно вызывать если что)
MS
И вот сразу же наткнулся... Бинго! Какой жизненный цикл у Свелт компонент?
Почему рендер раньше чем onMount ?
<script>
let bigdata;
onMount(() => {
bigdata = loadBigData();
});
</script>
{#await bigdata}
<p>...loading...</p>
{:then bigdata}
<p>{ JSON.stringify ( Object.keys(bigdata), null, 4 ) }</p>
{:catch error}
{/await}
Почему рендер раньше чем onMount ?
<script>
let bigdata;
onMount(() => {
bigdata = loadBigData();
});
</script>
{#await bigdata}
<p>...loading...</p>
{:then bigdata}
<p>{ JSON.stringify ( Object.keys(bigdata), null, 4 ) }</p>
{:catch error}
{/await}
MZ
«Навалили кейсов», это один чувак, который написал простыню о том, что он не понимает как работает браузер
A
А чего функция не в шаблоне?
{#await fetchFunc()}
{#await fetchFunc()}
КС
потому что onMount ждёт коммита в дом ?
и это в доках написано ?
и это в доках написано ?
DK
я понял что в Load нельзя написать логику зависимости от browser... я сейчас написал во ттак вот
const data = await fetch('https://api.spacexdata.com/v3/history');
const json = await data.json();
// Здесь если это ssr то будет выполнен запрос к апи spaceX
return {
props: {
data: json
}
};
и на клиенте получил серверные данные сразу...DK
и запрос не дублировался, но теперь вопрос а как тогда при клиентском роутинге сделать loading ?? если оставить код выше то Страница не будет отрендерена пока данные запроса не будут получены. А если сервис на беке будет лагать? то юзеру прийдется этот переход ждать секунд 20 или 30?) и он будет все это время тыкать на кнопку перехода на другую страницу...
MS
Не обязательно, ведь.
MS
Вот и говорю что не хватает наглядной диаграммы для Свелта.
Перенес в конструктор чтобы заработало.
Перенес в конструктор чтобы заработало.
a
в реакте тоже
render выполнится раньше чем useEffectКС
ну слишком сложно поискать svelte lifecycle diagram
MS
Там я вообще без понятия как навесить инициализацию до рендера без класса.
КС
a
в примере выше можно написать так:
const bigData = loadBigData()
// ...
{#await bigData}
...
{/await}
КС
шо должна делать инициализация ?
MS
Спасибо! То что надо!