React Route Render Method | Difference between Render and Component Prop on React Router in Hindi

Welcome, to React Route Render Method in Hindi. Also, on the Difference between Render and Component Prop on React Router v4 in Hindi in 2020.

************* Must Watch Videos For Web Development *************





































*********** CLICK HERE TO WATCH *************




















***************** MUST WATCH VIDEOS ******************











Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi



Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.


Don't Forget to Follow me on all Social Network,

[ThapaTechnical]

I hope you like the video. Bcz hooks ke through samaj nai ara tha example kaise du.. but I try my best🙏

[omkarkulkarni]

Bhai tu legend hai.. apni bhasha me sikhne ka maja ki kuch aur hai ! <3

[abhijeetgupta]

You saved my time bro...reading documentation is a boring and tedious task and it would have taken a lot of ours time. Thanx bro keep up your good work...

[alirasheedmd]

Vinod, your channel is really underrated bro I always search for anything regarding web development with your name in the keyword as you explain it in the best way.

[nicetomeetugaming]

This video is repeated in the playlist twice, btw your way of teaching is very good.

[BhushanSmarty]

Great explanations about the component and render methods.

[bhakuninavneet]

Thanku sir u taught in really meaningful way

[knowledgeera]

Simply Great Video....Great Research with great explaination

[mayankkumar]

Awsm video more helpful...great thapa sir

[deepakpandey]

Bhai Bahut accha samjhate ho thanks bro

[siddharthjain]

i prefer this thing:
<Route exact path='/about'>
<AboutUs />
</Route>
and this works really well

[mehakashraf]

THANKYOU SO MUCH FOR YOUR EFFORTS SIR :)

[MrRavikumarseth]

thank u for valuable knowledge sharing

[reshmasharma]

Explanation is awesome, please make video on codelgniter

[magiccubing]

Cannot we use Pure components or memo components to avoid re rendering? As these two avoids it when there isn't a difference in shallow comparison of props

[abhijeetjadhav]

Hello Thapa technical can you please explain javascript rendering techniques ?? Which we can use for big website like ecommerce?? Thanks for sharing your knowledge with us 🙏

[rezwoansifatnavid]

React router dom is updated on V6.
If you started on v6, then skip this video.
No need to write render anymore simply we can pass the props with element as both component and render are replaced with element.

[knightridergaming]

for the viewers watching this after react router v6 update, you have to write element instead of component and there are some minor changes . See this code, this is how you can provide props in other components
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';

const App = () => {
return (
<Router>
<Routes>
<Route path="/" element={<Home greeting="Hello!" />} />
<Route path="/about" element={<About name="John" />} />
</Routes>
</Router>
);
};

const Home = (props) => {
return <div>{props.greeting} Welcome to the Home page!</div>;
};

const About = (props) => {
return <div>Hello, {props.name}! This is the About page.</div>;
};

export default App;


Thanks, hope you like it

[amirhassan]

pori video ka matlab ky

performance increase hogi?

[anshikgupta]

Sir switch does not works with react router dom v6 instead Routes has to be used.
So how to pass props if v6 is being used??