Параметры поиска в React Router v6

Для работы с get-параметрами URL библиотека React Router предлагает специальный хук useSearchParams, который позволяет гибко читать и обновлять значения в адресной строке.
Код урока github.com/mic...
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
www.tinkoff.ru...
paypal.me/mish...

[@ПавелБуцик]

Михаил, спасибо Вам! оч крутой материал!

[@JIKAIII]

Все кратко и ёмко изложено, без лишней воды и с примерами Спасибо за такие познавательные уроки! Успехов )

[@nikitamusic7073]

Спасибо за видио! Очень нравится ваш темп в демонстрации и объяснении примеров! - ничего лишнего и все по делу)

[@JavaScriptcher]

С первого раза туговато дается материал, но спасибо за подробное объяснение, думаю раза с 3го - 5го усвою материал

[@КотМатроскин-х9ь]

тьфу блин я думал я один такой... долгопонимающий....

[@phoenixbeard8543]

Отличный материал. Огромное спасибо Михаил!

[@TheDIIMASS]

Спасибо, Михаил.

[@YaniaRZ]

Спасибо, особенно за репозиторий с кодом! Не все сразу укладывается в голове, а так будет пример

[@olehy5000]

Отлично! Спасибо! С нетерпением жду продолжения.

[@ДмитрийМельников-ъ3в]

супер!) лайк поставил сразу как видео вышло, смотрю только сейчас)))

[@makhmudov4858]

Здравствуйте Михаил! Спасибо огромное за ролик. Нашел ответ которую долго искал. В ролике все сказано коротка и четка. Буду ждать еще ролики про React Redux. Основная логика и пару примеры!!!

[@МаксимИсаев-ъ5о]

Моё почтение!

[@skysar]

Михаил, от души спасибо! Как раз на новом проекте решил попробовать 6 версию react router и тут Ваше видео вышло. Сэкономили кучу времени :)

[@kirilllebedev4146]

Пушка как всегда!

[@flogger2367]

Хороший туториал

[@Eminem6979]

Миша ты просто топовый

[@_oxios_]

Топчик, спасибо за урок

[@ivanvladimirovich3715]

Здравствуйте, Михаил! Делаю дебаг.. заметил, что когда мы используем .has для latest, то при последующем обновлении формы, в ней чекбокс будет всегда со значением true, поскольку параметр уже был записан в строке! P.S. Все, разобрался! Это было связано с дополнительным использованием Typescript + ESLint, где требовалось изначально указать атрибуты объекта params, дабы не ругался (если задать latest со значением false, то оно будет восприниматься хуком как существующее) :)

[@antonkolesnik9281]

Отлично! Спасибо

[@theoty-js]

супер

[@exelione2229]

8:14 - placeholder={postQuery} :3

[@Gaccoo]

Super!

[@СергейЦветков-р9ъ]

как сериал) жду новую серию!!

[@ett4t4]

кайф

[@IICuX103]

Михаил приветствую. Хочу отметить что после добавления новых фич react-douter-dom v6.4 и при изменении квери параметров то повторно вызывается лоадер у компонента, что замедляет работу, а сами квери параметры добавляются не моментально(опытным путем проверено). Если же писать получение данных через usestate+useeffect но все работает корректно. Можно ли как то это победить в новой версии RRD 6.4 ? Спасибо

[@NovikovEugene13]

Безусловно интересно. Но не совсем понял на каком реальном кейсе это применимо...

[@ekuzovlev]

Большое спасибо за модуль по React Router. Не планируете сделать курс по основам серверной части и БД?

[@mishanep]

Пока не планирую, разве что в упрощённом виде. Всё таки бэкенд - свой большой отдельный мир.

[@enmaboya]

хм, при любом изменении параметров сбрасывается состояние redux, притом reducer точно точно не вызывается. В чем может быть проблема?

[@СергейГеоргиев-в1ч]

привет, как сделать так, чтобы при обновлении страницы значение input не стиралось, использую react-hook-form

[@user-islamkaz]

как бы если скопировать ссылку, по определенной сортировке, ниче не сохранится, просто передаем в url строку , надо же как через useEffect обновлять setPost ваш

[@Dream-yb6tz]

Здравствуйте Михаил Простите за глупый вопрос можно ли сделать два не зависимые роута например есть два контейнера в центре и два navbar которые каждый переключает внутрь всего контейнера при этом при переключение с первого navbar второй контейнер не должен стать пустим или наоборот Заранее благодарю

[@mishanep]

Не уверен, что понимаю задачу. Частично это решается вложенным роутингом. Тогда общее меню сайта позволяет попасть на страницы с подменю, и уже по нему дополнительная навигация. Видео по этой теме будет в пятницу.

[@itony9457]

Здравствуйте! Спасибо вас за ролик! У меня такой вопрос, насколько я понял, "searchParams" - это тоже самое что мы отправляем на сервер в get запросе. Так вот, если к примеру я на сервер предаю такой параметр "filters.color_like=black", то могу ли я в setSearchParams использовать "filters.color_like=" как ключ, или ключом должен быть только "color".

[@mishanep]

В таком случае нужно будет по маске отделять нужное поле - между точной и _like. В принципе это несложно сделать на фронте и тогда будет тот же color. Либо ещё проще - ввести объект соответствий, что color - это filter.colors_like.

[@itony9457]

@@mishanep Спасибо, буду пробовать.

[@igorhart]

на тс как это правильно сделать? там ошибок насыпало :)

[@igormajrov8444]

На работе с историей перестал что-либо понимать. Мозг в reload ушел)))

[@ughuraliyev7875]

курс не для новичков это точно , я вообще ничего не понял , очень все быстро делается и не хорошо объясняется

[@Alias_s]

надеюсь там есть кому тебе сопли подтирать )

[@mr.zxzxzxz3816]

научишься, москву тоже за 1 день не построили

[@nevrox6197]

@@mr.zxzxzxz3816 Конечно новик не понял,иб оприменения у этого просто не может быть тут либо филтрация через бэкенд либо простая филтрация с условием отрисовки эти условия через ссылку это запара чтобы прост опоказать возможности роутера,но даже мидлу не приходится это использовать