Телеграмм чат группы react

Вопросик: А можно ли как-то контролировать минимальное время, на которое показывается fallback из React.Suspense? Лоадер не успевает адекватно прогрузится

Если кому-то понадобится, то я придумал разве что такой способ:

function smoothLazyLoad(path){
    return React.lazy(async () => {
        await sleep(300);
        return import(path)  
    })
}

Sleep - пустой промисс с таймаутом. Стандартная практика

источник

15:39пожаловаться #9

Maksim Gritcenko in React — русскоговорящее сообщество

Всем привет! Кто нибудь знает, из за чего event listener на scroll может вызываться с задержкой? Если debounce и throttle не испоьзуются. Всего 5 эвентов на скролл, удаляю 2 из них, все хорошо работает, а все 5 с задержкой в 1.5-2 сек!!!

источник

15:39пожаловаться #10

꧁岡

꧁倫太郎岡部꧂... in React — русскоговорящее сообщество

Белка 🦊

Если кому-то понадобится, то я придумал разве что такой способ:

function smoothLazyLoad(path){
    return React.lazy(async () => {
        await sleep(300);
        return import(path)  
    })
}

Sleep - пустой промисс с таймаутом. Стандартная практика

await sleep ?

источник

15:39пожаловаться #11

Vladimir Klimov in React — русскоговорящее сообщество

ZEEATN

Во-первых называйте компоненты с большой буквы, во-вторых вам надо перенастроить jshint (а лучше удалить)
Это он jsx не понимает, видимо

источник

15:39пожаловаться #12

꧁岡

꧁倫太郎岡部꧂... in React — русскоговорящее сообщество

Vladimir Klimov

источник

15:39пожаловаться #13

Белка 🦊 in React — русскоговорящее сообщество

꧁倫太郎岡部꧂

await sleep ?

Да, скопировал раньше чем исправил. Спасибо)

источник

15:40пожаловаться #14

Maxim Koylo in React — русскоговорящее сообщество

Белка 🦊

Если кому-то понадобится, то я придумал разве что такой способ:

function smoothLazyLoad(path){
    return React.lazy(async () => {
        await sleep(300);
        return import(path)  
    })
}

Sleep - пустой промисс с таймаутом. Стандартная практика

может лучше await Promise.all([import(), sleep()]) ?)

источник

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

Andrew Summers in React — русскоговорящее сообщество

Коллеги, как называется данный тип функций - https://i.imgur.com/7qjNYD8.png. Я понимаю, как она работает. Просто я никогда раньше не встречал такой синтаксис...

источник

15:40пожаловаться #16

Vladimir Klimov in React — русскоговорящее сообщество

Белка 🦊

Если кому-то понадобится, то я придумал разве что такой способ:

function smoothLazyLoad(path){
    return React.lazy(async () => {
        await sleep(300);
        return import(path)  
    })
}

Sleep - пустой промисс с таймаутом. Стандартная практика

А 300 - это по числу спартанцев, или как?)

источник

15:40пожаловаться #17

Vladimir Klimov in React — русскоговорящее сообщество

Andrew Summers

Стрелочные

источник

15:40пожаловаться #18

꧁岡

꧁倫太郎岡部꧂... in React — русскоговорящее сообщество

Andrew Summers

@js_noobs_ru

источник

15:40пожаловаться #19

Maxim Koylo in React — русскоговорящее сообщество

Maxim Koylo

может лучше await Promise.all([import(), sleep()]) ?)

просто так ты сначала в лохостую будешь ждать 300мс и потом только загружать компонент

источник

15:40пожаловаться #20