React Router - PoliTO
React Router
Applications have more than one page...
Fulvio Corno Luigi De Russis Enrico Masala
Applicazioni Web I - Web Applications I - 2020/2021
Outline
? Objective and problems ? A Solution, the React way: React Router
2
Applicazioni Web I - Web Applications I - 2020/2021
Full Stack React, chapter "Routing" React Handbook, chapter "React Router"
Multi-page Single Page Applications
OBJECTIVES AND PROBLEMS
3
Applicazioni Web I - Web Applications I - 2020/2021
Supporting Complex Web Applications
? Switching between many different page layouts ? Managing the flow of navigation across a set of "pages" ? Maintaining the default web navigation conventions (back, forward,
bookmarks, ...) ? Allowing URLs to convey information ? Allowing re-loading KBs of JavaScript at every page change ? Keeping the state across page changes ?...
4
Applicazioni Web I - Web Applications I - 2020/2021
Example
? Different layout and contents
? Some common parts
? No "page reload" ? URL changes
accordingly
5
Applicazioni Web I - Web Applications I - 2020/2021
................
................
In order to avoid copyright disputes, this page is only a partial summary.
To fulfill the demand for quickly locating and searching documents.
It is intelligent file search solution for home and business.
Related searches
- react router get current path
- react router get path
- react router current url
- react router location
- react router get current route
- react router current route
- react router url parameter
- react router get parameters
- react router dom url params
- react router query parameter
- react router pass parameter
- react router path parameter