Телеграмм чат группы sveltejs страница 6197

02:29пожаловаться #1

КС

Кирилл Спасибович... in Svelte [svelt]

Pavel 🦇 Malyshev

так инстансов компонент может быть много, каждый со своими пропсами от которых могут зависеть данные

у меня нет такой ситуации, обычно компонент который грузит данные - грузит массив объектов и размазывает их через each по компонентам представляющим объект

02:30пожаловаться #2

Кирилл Спасибович

export function loadResources(resources) {
  return Promise.all(
    resources.map(r => fetchRest(r.endpoint))
  ).then(res => {
    resources.forEach((r, i) => r.store.set(r.pre ? r.pre(res[i]) : res[i]));
  });
}

import { loadAll as funkyOtherStuff } from '@/anotherModule/store.js';

export const something = writable([]);
export const rhymesboi = writable([]);

export const loadAll = Promise.all([
  loadResources([
    {
      endpoint: '/api/something/',
      store: something
    },
    {
      endpoint: 'rhymesboi.il',
      store: rhymesboi,
      pre: v => parseMd(v)
    }
  ]),
  funkyOtherStuff
]);

а вот мой велосипед)

лучше allSettled вместо all

02:31пожаловаться #3

Кирилл Спасибович

хз, тогда не совсем понятно почему не стор

02:31пожаловаться #4

КС

Кирилл Спасибович... in Svelte [svelt]

Pavel 🦇 Malyshev

хз, тогда не совсем понятно почему не стор

не знаю, шобы прямо SFC так SFC

02:32пожаловаться #5

Кирилл Спасибович

export function loadResources(resources) {
  return Promise.all(
    resources.map(r => fetchRest(r.endpoint))
  ).then(res => {
    resources.forEach((r, i) => r.store.set(r.pre ? r.pre(res[i]) : res[i]));
  });
}

import { loadAll as funkyOtherStuff } from '@/anotherModule/store.js';

export const something = writable([]);
export const rhymesboi = writable([]);

export const loadAll = Promise.all([
  loadResources([
    {
      endpoint: '/api/something/',
      store: something
    },
    {
      endpoint: 'rhymesboi.il',
      store: rhymesboi,
      pre: v => parseMd(v)
    }
  ]),
  funkyOtherStuff
]);

а вот мой велосипед)

Вот мой. Оказывается, перепутал. Использовал allSettled

export default async function fetchAll(uriList: string[], fetch: fetch): Promise<any> {
  async function getData(uri: string) {
    const response = await fetch(uri);
    return await response.json();
  }
  
  const responses = await Promise.allSettled(
    uriList.map(uri => getData(uri))
  );
  
  return responses.map(response => {
    return (response.status === "fulfilled")
      ? response.value
      : [];
  });
}

02:32пожаловаться #6

Кирилл Спасибович

не знаю, шобы прямо SFC так SFC

ладно, главное чтобы удобно было)

02:32пожаловаться #7

Eric Rovell

Вот мой. Оказывается, перепутал. Использовал allSettled

export default async function fetchAll(uriList: string[], fetch: fetch): Promise<any> {
  async function getData(uri: string) {
    const response = await fetch(uri);
    return await response.json();
  }
  
  const responses = await Promise.allSettled(
    uriList.map(uri => getData(uri))
  );
  
  return responses.map(response => {
    return (response.status === "fulfilled")
      ? response.value
      : [];
  });
}

fetch Это this.fetch сапперовский

02:32пожаловаться #8

КС

Кирилл Спасибович... in Svelte [svelt]

ухх клуб велосипедистов :)

02:33пожаловаться #9

КС

Кирилл Спасибович... in Svelte [svelt]

sticker.webp

(18.24 Кб)

02:33пожаловаться #10

AnimatedSticker.tgs

(14.03 Кб)

02:33пожаловаться #11

Но ведь катится работает, черт возьми😂

02:33пожаловаться #12

sticker.webp

(34.72 Кб)

02:34пожаловаться #13

Там в svelte kit пропал this.fetch, придется новый велосипед тащить

02:34пожаловаться #14

КС

Кирилл Спасибович... in Svelte [svelt]

Pavel 🦇 Malyshev

sticker.webp

(34.72 Кб)

так че получается, тот подход с loadAll в принципе рекомендуемый?

02:35пожаловаться #15

КС

Кирилл Спасибович... in Svelte [svelt]

Eric Rovell

Вот мой. Оказывается, перепутал. Использовал allSettled

export default async function fetchAll(uriList: string[], fetch: fetch): Promise<any> {
  async function getData(uri: string) {
    const response = await fetch(uri);
    return await response.json();
  }
  
  const responses = await Promise.allSettled(
    uriList.map(uri => getData(uri))
  );
  
  return responses.map(response => {
    return (response.status === "fulfilled")
      ? response.value
      : [];
  });
}

а у тебя ещё и молча пустые массивы оставляет, а не громко выкладывает кирпичей с ошибкой :)

02:35пожаловаться #16

Кирилл Спасибович

а у тебя ещё и молча пустые массивы оставляет, а не громко выкладывает кирпичей с ошибкой :)

Да, сразу избежал казусов😅