from
Можно грубо говоря один где-то сверху
from
Остальное по желанию
Никита Суханов
Можно грубо говоря один где-то сверху
что если компонент большой, в нем отдельные списки например должны через lazyLoad быть?
from
что если компонент большой, в нем отдельные списки например должны через lazyLoad быть?
Вроде как будет работать, если просто обернуть всё в саспенс
Никита Суханов
Никита Суханов
const LazyImg = lazy(() => import('../image')); const MyLogo = src => <Suspense> <LazyImg src={src} /> </Suspense> return ( <div className="header"> {MyLogo(logoSrc)} </div> ) -- пытаюсь вот атк решить, но не выходит }
Sm•ok
const createLazyPage = page => ( <Suspense fallback={<PageIsLoading />}> {page} </Suspense> )
Никита Суханов
чем этот вариант плох?
🦜
зачем lazy пейдж то?
что не грузить все страницы клиенту
Sm•ok
Оборачивает все lazy контейнеры в это
Никита Суханов
что не грузить все страницы клиенту
так lazyLoad на отдельный компонент вешают, а не на всю страницу целиком же
Sm•ok
через фукнцию
Никита Суханов
через фукнцию
я выше написал
Никита Суханов
через фукнцию
что такое page? lazy компонент?
Sm•ok
SomePage это импортутый через lazy
Никита Суханов
Sm•ok
Sm•ok
const SomePage = Lazy(....)
Никита Суханов
любой
у тебя в коде нет такого. Ты написал функцию для любого компонента, и назвал ее ...page
Sm•ok
const SomePage = lazy(() => import('path').then(module => ({ default: module.some })))
Sm•ok
page.. какой нахер page?
Да пример ведь
Sm•ok
просто контейнер импортнутый через лези
Никита Суханов
Sm•ok
добавляешь к его названию слово page
Никита Суханов
Никита Суханов
почему ?
что такое page?
Sm•ok
что такое page?
страница
Никита Суханов
страница
при чем здесь страница и компонент?
Sm•ok
ты же страницу в лези суешь ?
Никита Суханов
Sm•ok
ты что, собрался компоненты через lazy импортить ?
Никита Суханов
ты что, собрался компоненты через lazy импортить ?
вообще не понимаю что ты имеешь ввиду
Sm•ok
вообще не понимаю что ты имеешь ввиду
В lazy я скинул выше пример, был контейнер
Никита Суханов
еще раз:
Никита Суханов
const LazyImg = lazy(() => import('../image')); const MyLogo = src => <Suspense> <LazyImg src={src} /> </Suspense> return ( <div className="header"> {MyLogo(logoSrc)} </div> ) -- пытаюсь вот атк решить, но не выходит }
Sm•ok
который ты отображаешь на опр. роуте
Vladimir
вообще не понимаю что ты имеешь ввиду
насколько велик размер того, что ты суешь внутрь lazy?
Олег
Друзья, как при отправке формы вытащить значение из инпута этой формы?
Никита Суханов
насколько велик размер того, что ты суешь внутрь lazy?
варьируется от картинки до компонента побольше
Олег
e.tager.value
Там пусто
Никита Суханов
да что это вообще такое ) лол
1) получаю кмопонент 2) пишу функцию которая возвращаетего
Никита Суханов
1) получаю кмопонент 2) пишу функцию которая возвращаетего
ты аналогичный код написал, с каким то page в параметре
Sm•ok
В lazy обычно страницы суют на сколько я знаю
Sm•ok
то есть ленивая загрузка чанков
Bogdan
useEffect(() => { alert(props) }, [props])
смотри в SignIn ефект, я передал пропс из App он все равно отрабатывает https://codesandbox.io/s/agitated-mendel-q4efb
Bogdan
12 ведь неизменное число
Никита Суханов
аватар === страница?
Sm•ok
Ну, я использую это для страниц и кидал примеры с страницами
Никита Суханов
Никита Суханов
Sm•ok
ты на всю страницу вешаешь lazyLoad?
много страниц. Каждый чанк загружается по частям
Никита Суханов
Никита Суханов
кусок === компонент я надеюсь?
lazyLoad используют для компонента, который за пределами вьюпорта
Никита Суханов
страница за пределами вьюпорта что ли?
Sm•ok
Сработало один раз. Что не так ?
Sm•ok
Тебе ведь уже сказали, что он срабатывает 1 раз и далее уже если 2 аргумент изменился
Bogdan
http://joxi.ru/DmBOdEEUJWjOV2
выйди, зайди, отработает еще раз
Sm•ok
выйди, зайди, отработает еще раз
лол. Компонент же заного создается
Mike
страница за пределами вьюпорта что ли?
конечно. ты находишься на странице А, страницы Б, В, и Г — за пределами вьюпорта
Mikhail
https://habr.com/en/company/ruvds/blog/445276/
Пиздатый перевод
Mikhail
Обычно глаза вытекают, а тут прямо збс
Sm•ok
фича
Никита Суханов
Контейнер
вотис контейнер тогда
Bogdan
лол. Компонент же заного создается
тоесть если пропс одинаков, все равно рендер? смысл тогда от второго аргумента, если отрабатывает как componentDidMount и руками придется сравнивать пропсы, что бы не отправлять запрос еще раз