Size: a a a

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

2020 August 01

🦜

🦜 in Next.js — русскоговорящее сообщество
Ruslan Kopylov
Перейдя к определению страницы всегда знаешь, какая у нее тема
Перейдя к определению тем всегда знаешь, какая тема у страницы
источник
2020 August 02

JC

J. C. in Next.js — русскоговорящее сообщество
Кто знает, можно ли перехватить нажатие браузерной кнопки назад, и при этом отменить сам роутинг?
источник

JC

J. C. in Next.js — русскоговорящее сообщество
Хотят на мобилке переходы на предыдущие шаги в модалке по нажатию этой кнопки
источник

PM

Pavel Mineev in Next.js — русскоговорящее сообщество
J. C.
Хотят на мобилке переходы на предыдущие шаги в модалке по нажатию этой кнопки
Хотят переход назад если при этом эта история не была записана? В плане открыли новую вкладку жмём назад и у нас листается модалка назад по шагам?
источник

JC

J. C. in Next.js — русскоговорящее сообщество
Pavel Mineev
Хотят переход назад если при этом эта история не была записана? В плане открыли новую вкладку жмём назад и у нас листается модалка назад по шагам?
Если была открыта модалка и в ней были переходы по шагам, тогда нажатие назад должно вернуть на предыдущие шаги
источник

JC

J. C. in Next.js — русскоговорящее сообщество
Pavel Mineev
Хотят переход назад если при этом эта история не была записана? В плане открыли новую вкладку жмём назад и у нас листается модалка назад по шагам?
Куда записывать историю открытый вопрос. Как вариант видится записывать в URL querystring шаг модалки
источник

PM

Pavel Mineev in Next.js — русскоговорящее сообщество
J. C.
Если была открыта модалка и в ней были переходы по шагам, тогда нажатие назад должно вернуть на предыдущие шаги
я бы подумал в сторону навигации по хэшу, тогда проблема с кнопкой back отпадает, браузер сам настакает тебе историю
источник

JC

J. C. in Next.js — русскоговорящее сообщество
Pavel Mineev
я бы подумал в сторону навигации по хэшу, тогда проблема с кнопкой back отпадает, браузер сам настакает тебе историю
Добавлять хеш для шагов модалки? А Некстовское роутер апи позволяет же хешем управлять?
источник

PM

Pavel Mineev in Next.js — русскоговорящее сообщество
J. C.
Добавлять хеш для шагов модалки? А Некстовское роутер апи позволяет же хешем управлять?
Если я не ошибаюсь, то по моему нет. Придется вокруг этого свой маппинг вью на шаг делать.
источник

JC

J. C. in Next.js — русскоговорящее сообщество
Pavel Mineev
Если я не ошибаюсь, то по моему нет. Придется вокруг этого свой маппинг вью на шаг делать.
А почему бы не в кверистринг, типа такого
?modal-unique-id-step=x
И при закрытии убирать эту часть
источник

JC

J. C. in Next.js — русскоговорящее сообщество
Правда после закрытия в истории останется
источник

PM

Pavel Mineev in Next.js — русскоговорящее сообщество
J. C.
А почему бы не в кверистринг, типа такого
?modal-unique-id-step=x
И при закрытии убирать эту часть
мне не нравится делать клиентскую навигацию через такие штуки, потому что Некст по таким событиям навигации будет перерендеривать буквально всю страницу. и если я хочу сделать действительно клиентский кусочек, я там стараюсь не юзать некстовый роутер
источник

PM

Pavel Mineev in Next.js — русскоговорящее сообщество
Но тут получается что твой попап будет менеджиться с точки зрения отображения на клиенте, то есть не получится пререндерить нужный шаг, тут уже на твоё усмотрение
источник

JC

J. C. in Next.js — русскоговорящее сообщество
Pavel Mineev
мне не нравится делать клиентскую навигацию через такие штуки, потому что Некст по таким событиям навигации будет перерендеривать буквально всю страницу. и если я хочу сделать действительно клиентский кусочек, я там стараюсь не юзать некстовый роутер
Я бы посчитал приемлемым перерендер на нажатие кнопки назад, тем более частично компоненты в мемо обернуты. Мне кажется, что после закрытия модалки в истории останутся шаги и нажатие назад будет выглядеть странно, визуально только смена юрл будет. Нельзя ли удалить последние записи из истории при закрытии модалки?
источник

JC

J. C. in Next.js — русскоговорящее сообщество
Pavel Mineev
Но тут получается что твой попап будет менеджиться с точки зрения отображения на клиенте, то есть не получится пререндерить нужный шаг, тут уже на твоё усмотрение
В любом случае спасибо, что поделился мыслями
источник

PM

Pavel Mineev in Next.js — русскоговорящее сообщество
J. C.
Я бы посчитал приемлемым перерендер на нажатие кнопки назад, тем более частично компоненты в мемо обернуты. Мне кажется, что после закрытия модалки в истории останутся шаги и нажатие назад будет выглядеть странно, визуально только смена юрл будет. Нельзя ли удалить последние записи из истории при закрытии модалки?
Ну тут up to you, форма с сохранением шага на сервере будет отлично работать и через динамический роутер и через query и через hash.
источник

PM

Pavel Mineev in Next.js — русскоговорящее сообщество
А вот историю на сколько я знаю поменять нельзя. Люди в интернете часто ошибаются, поэтому перепроверяй
источник

JC

J. C. in Next.js — русскоговорящее сообщество
Pavel Mineev
А вот историю на сколько я знаю поменять нельзя. Люди в интернете часто ошибаются, поэтому перепроверяй
Ок
источник