Scribd
Upload
43 views10 pages

Introduction to React Router Basics

React Router is a standard library for routing in React that enables navigation among views of various components in a React application. It allows changing the browser URL without reloading the page and keeps the UI in sync with the URL. React Router runs anywhere React runs and provides unique URLs for different components, making the UI easily shareable. Topics covered with React routing include configuring routes, navigating on button clicks, dynamic routes, nested routes, route parameters and more.

Uploaded by

itprabhu.automation
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
43 views10 pages

Introduction to React Router Basics

React Router is a standard library for routing in React that enables navigation among views of various components in a React application. It allows changing the browser URL without reloading the page and keeps the UI in sync with the URL. React Router runs anywhere React runs and provides unique URLs for different components, making the UI easily shareable. Topics covered with React routing include configuring routes, navigating on button clicks, dynamic routes, nested routes, route parameters and more.

Uploaded by

itprabhu.automation
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

PART-54

React Router
Introduction REACT
PRESENTER: MOHAMMAD ADIL
Pre-Requisites REACT

• Function based Components


• State
• Props
• Arrow Functions
• JSX
• Hooks
Humble Request REACT

Techno Verse YT

Heavenly Delicious
React Router REACT

• React Router is a standard library for routing in React.


What is Routing ? REACT

• Routing is the mechanism by which requests (as specified by a URL


and HTTP method) are routed to the code that handles them.

URL
Code Page
Executes
What is Routing ?
REACT
URL
Code Page1
Executes
Without
Code
Page Reload Page2
Executes
react-router-dom
React Routing REACT

• It enables the navigation among views of various components in a


React Application, allows changing the browser URL, and keeps the
UI in sync with the URL.
• React Router is a fully-featured client and server-side routing
library for React, a JavaScript library for building user interfaces.
• React Router runs anywhere React runs; on the web, on the server
with [Link], and on React Native
React Routing REACT

• Create React App doesn't include page routing by default.


• React Router is the most popular solution.
• It provides unique URLs for different components in the app and
makes UI easily shareable with other users.
Topics In React Routing REACT

• Configuring Routes
• Navigating on button click
• Navigating programmatically
• Dynamic routes
• Nested routes
• Route Parameters
• And much more.

You might also like