Nested Routing in react |Child Routing in react | React router tutorial| react JS in telugu#reactjs

#html #css #javascript #webdevelopment #angular #reactjs

Join this channel to get access to perks:

React JS Tutorials

Angular Full tutorials

Angular material tutorials

CSS GRID in Detail

JavaScript full playlist

CSS fill playlist

HTML full playlist

HackerRank Python Solutions

fetch api in javascript

async await in javascript

promises in javascript

AJAX in JavaScript

Responsive Navigation Bar

Captcha validation in JavaScript

Todo List using html css javascript

Calculator using html css javascript

How to create website using HTML CSS JavaScript

Random Quote Generator using HTML CSS JavaScript

Stop watch using HTML CSS JavaScript

Image Slider Using JavaScript

CSS Flex box tutorial

Routing in react JS
Nested Routing in react
Child Routing in react
Child routing in react js
Child routing
Nested Routing
React router tutorial
React router dom
React router v6
Routing in react in telugu
BrowserRouter in react
Routing in react JS in telugu
What is routing
React router
Props in react JS
React js tutorials
Props in react JS in telugu
Props in react
JSX Tutorial
JSX in React
Jsx in telugu
JSX in react js in telugu
JSX in react js
JSX in depth
What is JSX
How to write JSX
JSX Syntax
Jsx
Create React Website
How to learn React js
React js tutorial for beginners
Introduction to React
React tutorial in Telugu
React Js full course
React Js
React JS in Telugu
React Course in Telugu
React Course for beginners
What is React
React Tutorials
React full course
React for beginners
What is Virtual DOM

[DaramGuraiah-yq]

Hi Andi, your way of explanation is really superb, Thank you so much for your efforts to us, can you please push the code of each tutorial to github if it is possible and please share the github link to us that is really helpful.
Thank you.

[dileepnadukuru]

1. We have to give children routes in the Parent component like this using Route Tag.
Ex: <Route path="/user" element={<User />}>
<Route path="orders" element={<Orders />} />
<Route path="profile" element={<Profile />} />
</Route>
2. We have to import the Outlet, Link in the children's tag.
3. Once we Imported we have to call the Outlet tag in the component then only a particular child URL will call.

[dileepnadukuru]

1. We have any routes inside of the parent component it is called Child routes or nested routing.
2. We have to declare the nested routing like this.
Ex: <Route path="/user" element={<User />}>
<Route path="orders" element={<Orders />} />
<Route path="profile" element={<Profile />} />
</Route>
3. We have to import the outlet, Link classes from the react-router-dom library.
4. Once Importing is done we have to call the Outlet tag in the child component.
Ex:
<button><Link
<button><Link
<h3>This is User Component</h3>
<Outlet />

[karthikchakrapani]

Hi Mam, I have gone through the react videos, and learned a lot, and we need to learn All hooks, redux, and Testing fluently. Could you please do the videos on those topics.

[Lucas-ogui]

Every day one vedio upload cheyyandi akka...chala late avuthundhi

[sujatha]

React starting to ending anni topics cover ayyela oka project cheyyandi plz it will help us a lot🙏

[ChandujobsApplications]

mam at 15:50 two buttons create chesi nested routing dwara each button meeda click chesinappudu each component chupinchelaga vastundi aitey manam two components okeysari display cheyalantey ela mam?

[swathichowdhary-hy]

can u pls Explain how to Implement data caching to reduce the number of API requests.

[Narasimha-yxnt]

How can you add the styles to the components in this video. Pls share the code for that style

[karthikpatel]

nice explanation andi! source code provide cheyara andi

[LokeswariE-le]

Hi...Can u pls send material for topics wise

[SaisudhakarVilla]

antie emitio naku ardam kaledhu konchem explain chestharaa

[kishorkittu]

Mama evvi ayyina free Api iche website unnava unnte kocham chepputhara