531 читали · 3 года назад
Как сохранить фильтры и страницу при переходе между страницами на примере React + Ant design
Для сохранения состояния компонента между переходами и обновлениями страницы можно использовать различные подходы. В React есть несколько способов реализации этой функциональности, но одним из наиболее распространенных подходов является использование React Context. Для сохранения состояния фильтров и текущей страницы таблицы Ant Design мы можем создать контекст с помощью функции createContext из библиотеки React. Затем мы можем использовать Provider, чтобы предоставить доступ к этому контексту для всех компонентов, которым это необходимо. В качестве примера рассмотрим следующий код: import React,...
1559 читали · 2 года назад
React Router 6: частные маршруты (Protected Routes)
В React Router частные маршруты (или Protected Routes) требуют, чтобы пользователь был аутентифицирован для доступа к данным маршрутам или страницам. Если пользователь не аутентифицирован для конкретной страницы, у него будет запрещен доступ к ней. Классическим примером является аутентификация в React-приложении, где пользователю разрешен доступ только к защищенным страницам после успешной аутентификации (проверки подлинности). Однако авторизация простирается дальше аутентификации. Например, у пользователя...
664 читали · 6 лет назад
React-роутинг. Изучаем 4 актуальных роутера для React
Достаточно сложно представить современное react-приложение без роутинга компонентов. Сразу обозначим — мы не будем рассматривать стандартный функционал роутеров: парсинг строки, работа с URL параметрами, обозначение активного раздела, наличие редиректов и распознавание несуществующего роута. Мы будем рассматривать только различия и интересные особенности альтернативных роутеров, а так же их общую статистику использования: 👨‍💻— Используется в репозиториях GitHub ⭐— Количество звезд на GitHub ⬇️—...
610 читали · 4 года назад
React Single Page Application и React-Router для начинающих
Источник: Nuances of Programming Что такое SPA? SPA (single page application) переводится как “одностраничное приложение”, очень распространенный способ программирования веб-сайтов в наши дни: идея в том, что сайт загружает весь нужный для пользовательского опыта HTML/JS сразу же при первом посещении главной страницы, а при последующих переходах по страницам браузер лишь просматривает содержимое заново, не обновляя сайт. Одностраничные приложения на JavaScript-фреймворках улучшают удобство веб-сайта...