opendevs
Http Requests

React Router

Loading video...

Installing and using React Router v6 (in Hindi)

Concepts

    1

    Installing and using React Router v6 (in Hindi)
    Installing and using React Router v6 (in Hindi)

    2

    Working with Link and NavLink (in Hindi)
    Working with Link and NavLink (in Hindi)

    3

    Dynamic Routing and useParams hook (in Hindi)
    Dynamic Routing and useParams hook (in Hindi)

    4

    Nested routing and useLocation hook (in Hindi)
    Nested routing and useLocation hook (in Hindi)

    5

    Query parameters and useSearchParams hook (in Hindi)
    Query parameters and useSearchParams hook (in Hindi)

    6

    Programmatic navigation using useNavigate hook and Redirecting the user (in Hindi)
    Programmatic navigation using useNavigate hook and Redirecting the user (in Hindi)

    7

    404 Not Found Page (in Hindi)
    404 Not Found Page (in Hindi)

    8

    HashRouter vs BrowserRouter in React Router v6 (in Hindi)
    HashRouter vs BrowserRouter in React Router v6 (in Hindi)
React router helps you manage the flow of data through your apps, sending information where it needs to go.Finish watching the concept videos to earn    DevCoin image  each
1

What is the command to install React Router package that's used in the videos?


Question 1 of 16
2

What is the purpose of <Link /> component in React Router when we already have <a> anchor tags in HTML?


Question 1 of 16
3

Which prop is used in <Link /> component to specify the path?


Question 1 of 16
4

Which of these statements are true about <Routes> and <Route> component in React Router v6?


Question 1 of 16
5

Which prop is used in <Route /> component to specify the path?


Question 1 of 16
6

Which prop is used in <Route /> component to specify the component to render if path matches?


Question 1 of 16
7

What are the differences between <Link /> and <NavLink />?


Question 1 of 16
8

What hook allows us to easily use dynamic URL parameters in React Router v6?


Question 1 of 16
9

What hook should be used if we want to perform some side effect whenever the current url changes?


Question 1 of 16
10

What are some of the use cases of query parameters?


Question 1 of 16
11

What do we mean by programmatic navigation?


Question 1 of 16
12

How do you implement "back button" functionality of browser using useNavigate hook?


Question 1 of 16
13

Which of these are good examples of scenarios where programmatic navigation can be used?


Question 1 of 16
14

Which of these paths will match with the URL https://dev11.in/topics/react-router?


Question 1 of 16
15

Select all the statements that are true about the following code in React Router v6:

<Route path="/apple"> <Route path="/" element={<ApplePage />} /> <Route path="*" element={<Navigate replace to="/apple" />} /> </Route>

Question 1 of 16
16

Select all the statements that are true about <HashRouter> and <BrowserRouter> in React Router v6:


Question 1 of 16

Copyright © 2022 opendevs

Learn ● Develop ● Ace
All illustrations by Storyset