Этот учебный проект демонстрирует пошаговую реализацию роутинга в React-приложении. Мы начнем с базового подхода, используя хеши и событие hashchange, затем перейдем к более современному подходу с использованием History API, и в заключение перепишем все с использованием библиотеки React Router.
- Изучение базовых принципов роутинга в веб-приложениях.
- Понимание работы с хешами и событием hashchange.
- Освоение использования History API для управления историей навигации.
- Применение React Router для создания маршрутов в React-приложении.
Проект состоит из трех основных этапов:
- Базовый роутинг с использованием хешей и hashchange.
- Роутинг с использованием History API.
- Переписывание на React Router.
Общие требования для всех этапов:
- Переходы между страницами: Приложение должно позволять пользователю переходить между различными страницами без перезагрузки всей страницы.
- Сохранение страницы после перезагрузки: При перезагрузке страницы пользователь должен оставаться на той же странице, на которой он был до перезагрузки.
- История переходов: Приложение должно поддерживать историю переходов, позволяя пользователю использовать кнопки "Назад" и "Вперед" в браузере.
- Без перезагрузки страницы при клике на ссылку: При клике на ссылку для перехода между страницами не должно происходить перезагрузки всей страницы.