▲
да.. перепутал.. уже вижу :) это тебе ещё +1 см к самооценке и ещё одно подтверждение... что я очень глупый )
что?
Size: a a a
2020 March 27
KS
вопрос в том, что на клиенте браузер на момент пока не получил данные показывает белое полотно и только потом загружает страницу
KS
Переслано от ▲
читайте доку. Если Запрос данных делать на страницах именно на PAGES, то юзэффект не нужен никакой. getInitialProps (далее gip) отрабатывает при роутинге (любом, будь то серверный или клиентский, он для того мать его и создан)
▲
вопрос в том, что на клиенте браузер на момент пока не получил данные показывает белое полотно и только потом загружает страницу
ну конечно, а как ты хотел? моментальной загрузки по щучьему велению? анимацию прикрути, спиннер какой красивый
▲
isLoading, hasErrored - это же просто базовые штуки, не важно что там у вас - редакс, эффектор, контекст
▲
вот у тебя есть страница с 1000 товарами. Как некст должен предугадать на какой товар ты нажмешь через 2 секунды? какие данные загрузить заранее? все 1000?))))
SP
почему первый рендер пустой?
🦜
Всем привет. Пилю сайт по поиску работы с личным кабинетом. Интересует вопрос кэширования данных. При первой загрузке страницы срабатывает ssr и через getInitialProps я получаю данные с сервера и отправляю как пропсы на страницу. В getInitialProps данные получаются, только если мы на сервере (стоит проверка window undefined). При клиентском рендеринге я получаю данные через useEffect. Однако если посудить логично, то допустим мы сейчас на главной странице и решили перейти на одну из внутренних, а потом вернуться на главную, то запросы полетят заново и на это время контент будет в стадии загрузки, однако мы ведь получили контент ранее, можно его как то кэшировать и насколькл это актуально?
Роутер некста надо использовать, тогда при клиентской навигации не будет заново рендерится страница
▲
конечно же заходя на страницу с товаром ты говоришь серверу - дай мне вот этот товар, но поскольку у тебя уже клиентский роутинг - то для пользователя эта операция бесшовная, но она по-прежнему асинхронная, это значит что с момента когда пользователь нажал на товар до момента когда данные по товары загрузились и отрендерелись прошло не мгновение, а некотоое время, задержка сети, бд и тд. Вот эту задержку маскируют лоудером(спиннером) или анимацией
▲
А в серверной консоли что-то есть?
SP
А в серверной консоли что-то есть?
тот самый ноль
▲
тот самый ноль
покажешь?)
KS
Дк я и говорю, что для этого в gip поставил проверку, что если находимся на стороне сервера, то шлем запросы (на клиенте считайте gip моментом выполняется и показывает страницу), а в компонента страницы в useEffect получаем данные и прокидываем как пропсы. Следовательно при клиентской навигации страница моментов отображается с интерфейсом, но на некоторых блоках стоит загрузчик
SP
покажешь?)
KS
Имеете ввиду userouter без next/link?
KS
Роутер некста надо использовать, тогда при клиентской навигации не будет заново рендерится страница
▲
Дк я и говорю, что для этого в gip поставил проверку, что если находимся на стороне сервера, то шлем запросы (на клиенте считайте gip моментом выполняется и показывает страницу), а в компонента страницы в useEffect получаем данные и прокидываем как пропсы. Следовательно при клиентской навигации страница моментов отображается с интерфейсом, но на некоторых блоках стоит загрузчик
ну тогда собственно вопрос нахера тебе SSR если ты все авно все на клиенте запрашиваешь?
KS
Ssr чисто для seo, хотелось бы первоначальные данные с ssr как-то кэшировать и при клиентском рендеринге их выводить, пытался прикрутить swr, не совсем получилось
▲
Ssr чисто для seo, хотелось бы первоначальные данные с ssr как-то кэшировать и при клиентском рендеринге их выводить, пытался прикрутить swr, не совсем получилось
короче, тебе не нужен useEffect для запроса данных, тебе не нужна проверка на window в gip
KS
А что нужно?)))))