React — одна из самых популярных библиотек JavaScript, используемая многими компаниями. React имеет большую экосистему для создания надежных и масштабируемых веб-приложений.
Ниже приведены некоторые популярные примеры экосистемы React.
Маршрутизация: React-Router-DOM
Данные POST/GET: AXIOS/FEATCH
Управление состоянием: Redux/Zustand
Для маршрутизации существует популярная библиотека React Router. React Router делает процесс маршрутизации очень простым, и это легкая библиотека, поэтому она не утяжеляет веб-приложение.
В нашем приложении некоторые из них приходится обрабатывать с ошибками. Ошибки могут быть связаны с выборкой данных, программными ошибками, ошибками на стороне клиента, ошибками на стороне сервера и многими другими.
В веб-приложении, когда мы хотим получить доступ к несуществующему пути или местоположению, отображается черный пользовательский интерфейс. Иногда пользователь может запутаться, загружаются ли данные или нет. Мы обнаружили ошибку в консоли router.ts:11 Нет маршрутов, соответствующих местоположению «/about/time» . Чтобы избежать этого сценария, в реагирующем маршрутизаторе есть специальный символ для обработки ошибок такого рода — символ ‘*’.
Использование символа * очень просто, нам просто нужно создать маршрут и добавить путь маршрута к «*», а в элемент мы должны добавить компонент пользовательского интерфейса Fall-Back.
Например
Есть много вариантов использования этой концепции.
Оставайтесь на связи с моим блогом, чтобы не пропустить новый контент по веб-разработке (HTML5, CSS3, JavaScript, ReactJS).
Спасибо за прочтение.
