Conteúdo do Curso
React Router Essentials
React Router Essentials
1. Understanding React Router and URL Structures
2. Implementing React Router in a React App
Overview of the Multi-Page WebsiteInstalling React RouterEnabling Routing in a React AppDefining Routes for NavigationRecap: First Steps in React RouterOptimizing Imports with Lazy LoadingImplementing a Fallback ComponentRecap: Second Steps in React RouterCreating and Managing NavigationExploring React Router's Complete LogicRecap of React Router Fundamentals
Exploring URLs in Practice
To gain a comprehensive understanding of URL structure, let's dissect a real-world example:
https://
- specifies the HTTPS protocol, ensuring secure data transfer;vitali.com/
- The host component identifies the domain or website where the resource is located;razor/3r2xe2fs
- The path signifies the precise location within the web application;?
- The question mark denotes the start of the query string;cat=sharp&stat=left
- is the query string;cat=sharp
- represents a parameter-value pair withcat
being the parameter and its corresponding value (sharp
);stat=left
- represents a parameter-value pair withstat
being the parameter and its corresponding value (left
);&
- The ampersand symbol is a separator, distinguishing between multiple parameters within the query string.
#chars
- is the fragment, anchor to the specific section on the page.
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 1. Capítulo 4