Size: a a a

Next.js — русскоговорящее сообщество

2019 December 27

АВ

Антон Варламов in Next.js — русскоговорящее сообщество
Если бы не то что у меня есть случай когда мне надо в layout'е что-то хранить для пары разных страниц, клал бы его просто в render страниц. Всё зависит от того как для тебя должен работать тот или иной компонент.
источник

АВ

Антон Варламов in Next.js — русскоговорящее сообщество
у меня тут у самого вопрос - редкие любители использовать rxjs в реакте нашли наиболее адекватный путь использовать observable в getInitialProps? Кроме приведения их к промису пока ничего не работает.
источник

АВ

Антон Варламов in Next.js — русскоговорящее сообщество
и ещё, dynamic импорта работает на не-компонентах? например для импорта https://www.npmjs.com/package/device-uuid ? Как это импортировать без компиляции на сервере?
источник

Ф

Федор in Next.js — русскоговорящее сообщество
не подскажите, почему вообще может ломаться навигация при обновлении страницы?
источник

Ф

Федор in Next.js — русскоговорящее сообщество
в определённых условиях после f5 Router.push и <Link href= перестают работать. В консоли тишина, перехваченные exception'ы тоже ничего криминального не показывают... Вообще, возможно запустить next с debug версиями next'овских компонентов?
источник

ВН

Владимир Норцов in Next.js — русскоговорящее сообщество
Что юзать для того чтобы сделать плавный скрол по секциям из меню?
источник
2019 December 28

ДК

Дмитрий Клименко in Next.js — русскоговорящее сообщество
Всем привет
Почему в getInitialProps значение ключей у query может быть null?
Вот пример использования
источник

ДК

Дмитрий Клименко in Next.js — русскоговорящее сообщество
источник

YZ

Yury Zhuk in Next.js — русскоговорящее сообщество
Дмитрий Клименко
Всем привет
Почему в getInitialProps значение ключей у query может быть null?
Вот пример использования
console.log(query) делал, перед return ?
источник

ДК

Дмитрий Клименко in Next.js — русскоговорящее сообщество
Да
Он во втором скрине
источник

YZ

Yury Zhuk in Next.js — русскоговорящее сообщество
в чем тогда вопрос 😅
источник

ДК

Дмитрий Клименко in Next.js — русскоговорящее сообщество
Почему он может быть null? На первом рендере там реальный id лежит. На последующих уже null
источник

YZ

Yury Zhuk in Next.js — русскоговорящее сообщество
т.е. console.log(query) перед return у тебя первый раз выводит
{company_id: 12345}
, а потом
{company_id: null}
, но ты ничего не делаешь между этим 😏
источник

ДК

Дмитрий Клименко in Next.js — русскоговорящее сообщество
Да
источник

ДК

Дмитрий Клименко in Next.js — русскоговорящее сообщество
Он просто несколько раз заходит в getInitialProps
источник
2019 December 29

ps

p s in Next.js — русскоговорящее сообщество
Всем привет!
скачал пример с лейаутом:
https://github.com/zeit/next.js/tree/canary/examples/layout-component

в компонент с лейатуом добавил
React.useEffect(() => {
   console.log("layount mounted" + new Date());
 }, []);

получается что при переходе между компонентами лейаут каждый раз заново отстраивается. Вместо него хочу контейнер использовать который на сервер обращается. Как сделать чтобы лейаут только один раз подключался?

Моджо добавить лейаут с обращеним к серверу на уровне _app, но у меня несколько конейнеров и хотелось бы их организовать помодульно
источник

JG

Jerry Green in Next.js — русскоговорящее сообщество
p s
Всем привет!
скачал пример с лейаутом:
https://github.com/zeit/next.js/tree/canary/examples/layout-component

в компонент с лейатуом добавил
React.useEffect(() => {
   console.log("layount mounted" + new Date());
 }, []);

получается что при переходе между компонентами лейаут каждый раз заново отстраивается. Вместо него хочу контейнер использовать который на сервер обращается. Как сделать чтобы лейаут только один раз подключался?

Моджо добавить лейаут с обращеним к серверу на уровне _app, но у меня несколько конейнеров и хотелось бы их организовать помодульно
Я немного удивлен, но реально есть такая проблема. Можешь создать issue, я поддержу:

https://github.com/zeit/next.js/issues

Пока что, как решение, можно сделать это разделение на уровне _app.tsx, по типу как здесь:

https://github.com/zeit/next.js/blob/canary/examples/with-dynamic-app-layout/pages/_app.js
источник

K

Kirill in Next.js — русскоговорящее сообщество
Парни, добрый вечер, я ток начал изучать next.js, подскажите какие нибудь источники помимо документации, буду очень благодарен.
источник

SB

Sergey Belozyorcev in Next.js — русскоговорящее сообщество
Kirill
Парни, добрый вечер, я ток начал изучать next.js, подскажите какие нибудь источники помимо документации, буду очень благодарен.
github
источник

О

Олег in Next.js — русскоговорящее сообщество
Kirill
Парни, добрый вечер, я ток начал изучать next.js, подскажите какие нибудь источники помимо документации, буду очень благодарен.
Скажу как было у меня. Прочитал доку. Начал делать проект. В итоге все равно пришлось сталкиваться с ситуациями, которые касались то webpack, то самого принципа работы ssr. Короче если не знаком с SSR то гуглить в процессе работы над проеком все равно придется. Ну и пиши сюда. Помогу чем смогу
источник