Visit chaicode.com for all related materials, community help, source code etc. Sara code yaha milta h github.com/hit... Discord pe yaha paaye jaate h: ""/discord Instagram pe yaha paaye jaate h: / hiteshchoudharyofficial
Пікірлер: 1 700
@Niteshmaurya12348 ай бұрын
1:02:15 GOLDEN WORDS "Function se hi functionality aati hai " ~ Lovely Hitesh Sir
@chaiaurcode8 ай бұрын
Thanks😄
@Niteshmaurya12348 ай бұрын
@@chaiaurcode your most walcome sir itne jaldi reply to paid courses me bhi nahi milta 😂
@Moviewalaa012 ай бұрын
@@chaiaurcodesir ji ek video tailwind pr bhi
@lucygamingyt6792Ай бұрын
@@Moviewalaa01 already available hai ,search 'tailwind by hitesh choudhary'
@ZoyaKhan-mq1qo19 күн бұрын
@@Moviewalaa01 he already made one on college wallah channel you can search by hitesh choudhary tailwindcss
@averagearoha92437 ай бұрын
anchor tag or tag is not used in React as it refreshes the whole page which is not the concept of react, that's why Link tag is used in react which is imported from react-router-dom
@adhiraj24617 ай бұрын
00:05 UI cloning projects are popular on KZbin 01:57 React Router crash course covers the basics of React Router and its usage. 05:42 Learn how to start a React Router project 07:52 React Router is a key topic in this video. 12:18 React Router provides a way to navigate between different components in a single-page application. 14:20 React Router structure and navigation bar 17:53 Creating header, footer, and home components 19:52 React router crash course 23:56 Installing different components inside your home 25:47 React Router allows for dynamic routing in web applications. 29:21 Understanding React Router and troubleshooting rendering issues. 31:30 React Router simplifies the process of linking and injecting data into components. 35:30 Understanding React Router basics and common errors 37:49 React Router allows easy navigation and routing in web applications. 41:17 React router allows parameterizing URLs to access dynamic values. 43:16 Capturing dynamic data using React router 47:04 Understanding when and how to call AP in React Router 49:01 Using data calls and passing data inside 52:47 React Router allows for easy navigation and routing in a React application. 54:53 React Router crash course summary 58:21 React Router provides a way to handle navigation and routing in React applications. 59:56 React Router provides a way to handle routing in a web application. 1:03:30 React Router crash course
@yashrajsingh42157 ай бұрын
baap re
@AmaanGhazi-gb6ce8 ай бұрын
React provide the feature of Link instead of because reloads the entire page. React also provides NavLink with some additional features like highlighting the active nav page.
@keyur18596 ай бұрын
ty
@farazmobin277611 ай бұрын
I have noticed that there are many tutorials on React available on KZbin, but I must say that your tutorials are truly exceptional, sir. The in-depth explanations that you provide are unparalleled, and I am thoroughly enjoying learning from them. Unlike other tutorials, which often involve complex projects that are difficult for beginners to understand, your React playlist is the best because it gives me the confidence to start with small projects and work my way up to bigger ones. I encourage everyone to like, share, subscribe, and comment on your content, sir. Your hard work is greatly appreciated, and the high-quality audio and video that you provide make the learning experience even more enjoyable. Thank you once again!
@amanjeetsinghsaluja524610 ай бұрын
bhai chat gpt use karne aata hai
@Goodgyandra235 ай бұрын
@@amanjeetsinghsaluja5246 No! ChatGPT is not good for beginners or even intermediate users. I recommend watching this channel carefully and taking your time to relax. As you know, the teaching style is very effective, and even beginners can understand every concept well and practice with real-world examples! Thank you, Hitesh Sir, for understanding us at our level!
@user-oi6qp1cd1j11 ай бұрын
Whoever is reading this, never give up. God is with you.
@GolPedia11 ай бұрын
Thanks for your comment. I have been suffering from chronic pain for the last five years i did btech but can't do my job because of health. My treatment is ongoing in aiims
@user-yp7lm9em2n10 ай бұрын
to mai kya kru 😕@@GolPedia
@abhishekchaudhary40588 ай бұрын
@@GolPedia Bhaii you know your pain. Keep on fighting. You will surely succeed.
@sonumondal77985 ай бұрын
@@GolPediaeverything happens for a reason. I only want to tell you that never give up.
@KrishanKumar-lp2cd3 ай бұрын
@Jimmy-lk5nb "It's about believing that someday you will get it right."
@codiosity2 ай бұрын
Yes, that's true. In React applications, including those using React Router for navigation, the `` tag provided by React Router is preferred over the traditional `` tag for several reasons related to how React manages rendering and state. 1. Preventing Full Page Reloads : When you use an `` tag with an `href` attribute, clicking on it typically triggers a full page reload, especially if the `href` points to a different route or location. This behavior is contrary to React's single-page application (SPA) model, where the page should not reload entirely during navigation but rather update dynamically. 2. Client-Side Routing : React Router provides client-side routing, which means it intercepts link clicks and handles navigation without requesting new pages from the server. This results in a smoother user experience as only the necessary components are re-rendered based on the URL change. 3. Maintaining State : When you navigate using `` from React Router, React maintains the current state of components unless explicitly instructed otherwise. This is crucial for preserving application state and context across different views or pages. 4. Performance : Since React Router manages routing on the client side, it typically results in faster navigation between pages compared to traditional server-side navigation where a full page reload is required. 5. Integration with React's Virtual DOM : React's virtual DOM allows it to efficiently update only the parts of the page that have changed. React Router's `` component integrates seamlessly with this paradigm, ensuring that only the necessary components are re-rendered when navigating between routes. In summary, using `` from React Router instead of `` tags helps adhere to React's principles of efficient rendering and state management in SPAs. It ensures that navigation is fast, smooth, and maintains the integrity of React's virtual DOM for optimal performance.
@mohitbisht443710 ай бұрын
sir its not like that "react is easy or something else", its about teaching method that how the instructor or teacher teaches the things. And thank you so much sir to make this react series easy for us and i really respect your dedication and hard work you put on this series.
@chaiaurcode10 ай бұрын
Thanks and Keep watching ☺️👍🏻
@user-pq5ij4fv5s9 ай бұрын
@@chaiaurcode bhaiya can you explain useReducer hook
@nusratlines49473 ай бұрын
Easy to mat kaho yaar ... Easy Ka matlab ye hota ..Ky first ap react learn what matters btao .. pher series... Ye channel Myra bhi favourite Hy . But I think hitish makes things more depth and complex..which is not beginner friendly. He teaches how things were at the beginning stage then this concept came then that concept came. .. That why , sheryian coding school is the best channel ...they actually know how to teach...
@somnathbedia11 ай бұрын
Sir your are giving more than paid courses . Thanks a lot Sir. Love From Ranchi, Jharkhand .
@chaiaurcode11 ай бұрын
Most welcome
@jdgjbb3 ай бұрын
oh! thala for a reason se h aap
@somnathbedia3 ай бұрын
@@jdgjbb ji haan
@anuraggupta100811 ай бұрын
It's not just a playlist it's an in depth about react and all others that require..... thank you for your time and consideration to the playlist ....
@chaiaurcode11 ай бұрын
I appreciate that!
@anuraggupta100811 ай бұрын
@@chaiaurcode ❤️
@user-sb9iz5vx4s7 ай бұрын
I know sometimes React seem confusing, even I thought that I should quit now and start backend. But guys, listen, once you have started something, you have to complete it. Never give up guys.
@rahoolsinghdotinc10 ай бұрын
1:00:00 Tried and figured out that if we create a sub-route in About we need to add in About to show other pages, or we need to make a master component that will load About for blank path and another component for children in that master layout. Thank you so much Hitesh for such amazing content.
@chaiaurcode10 ай бұрын
Thanks
@harshshukla0019 ай бұрын
yes i have also tried but content of about is visible as i want to load a completly fresh page how to do soooo /about/fresh is not loading a new component
@yesvendrabais376311 ай бұрын
i don' t think any other youtuber or teacher can teach you better than you without any fees . You have seriously set the bar .
@user-in5ex8ki3t11 ай бұрын
I appreciate how you break down complex concepts into simple, understandable steps, making it so much easier for beginners like me to grasp the fundamentals of React. Thank You Hitesh Sir 😀
@ishaangarg20019 ай бұрын
There are many tutorials on React available on KZbin, but I must say that your tutorials are truly amazing sir
@chaiaurcode9 ай бұрын
Thank you so much 😀
@anshdholakiya7606Ай бұрын
achort tag or tag is not used in React as it refreshes the whole page which is not the concept of react , that's why Link tag is used in reach which is imported from from react-router-dom
@MuhammadYasir-cl4jp9 ай бұрын
This react router crash course is best on youtube. Hitesh Sir made this concept so much easy. Thank You sir❤❤❤❤
@nikhilmahajan329411 ай бұрын
This React series feels like a web series to me, and I eagerly await each new video as if it were a new episode of a web series. Your Teaching is simply Outstanding ❤❤
@chhavimanichoubey943711 ай бұрын
The only reason why I chose one API project, one design project, one with the tailwind, and the other with plain CSS is that I want to showcase that I can work with everything. I was looking for a react-router crash course for my API-based single page routing and I got it.
@scitechplusexplorer248410 ай бұрын
WOW!!!! React router was a way more difficult earlier. Thanks to you Hitesh Sir, U made it so easy and simple. React Router explanation with Chai is the best way to explain!!!!!!!!!!!
@thecalgarians45973 ай бұрын
Gadar machaa diya Hitesh ji itni easily React Router explain karke. Muje abhi tak kahin aur se itni clarity nahi mili thi. Aap dhanya hain. ❤
@manujdixit411410 ай бұрын
i m lucky to be suggested by my friend to watch these tutorials, truly amazing content, probably saved my weeks. Keep creting content like this, very helpful. Wish u very great future.
@yashrajsingh42157 ай бұрын
anchor tag use ni karte hain react me coz usse humara page reload hota hai but hum uski jagah link tag use karte hain jisse pura page reload ni hota which it the major advantage of react
@kmSaifullah5 ай бұрын
Wow I love this tutorial so much😍😍 I have watched at least 4-5 tutorials on this topic, but I found your way of teaching very interesting and very very helpful. Thank you so much for sharing this with the world👏👏
@ahtritcodes721911 ай бұрын
Sir, the way you present every topics with such an in-depth knowledge, they become very easy and simple to implement. But sir if you can show us the insights of how a web-developer actually works on a project in the company and build some features it would be very helpful. We can get to know how we should practice and approach a project more.
@SantoshKumar-uu2lo11 ай бұрын
Many types of Tutorials on React available on KZbin , But Sir your Content is absolutely great in hindi and English .
@chaiaurcode11 ай бұрын
Glad to hear that
@lakshyakalra419Ай бұрын
i dont remeber when i started this tutorial, I watched the last video 2weeks ago and I regret not being consistent. anyone who's seeing this comment, please be consistent bro.
@someshkarmakar476 ай бұрын
writing code is easy but writing efficient code is something different... thanks man for this great tutorial... fact is you are just calling some data from a API and still you are teaching how to load it efficiently that's a huge performance improvement for bigger applications... really appreciate it 👍
@piyushpradhan161411 ай бұрын
Sir i dont follow your react course but i follow js course.. you said 500 target comment in this video so i m commenting but i ll also follow this course after completing js one short course 😎Love you 3000 gurudev !🙏
@debasmitasahoo570411 ай бұрын
"Function se hi functionality aati he" - By Hitesh Sir🔥
@niloydas65813 ай бұрын
Notes: We don't use tag with React because it reloads the entire page. We use instead of in React.
@AsheerAzam10 күн бұрын
anchor tag or tag is not used in react as the whole page will be reloaded/refresh again ,instead we use Link tag from react-router-dom
@deepakbaghel244411 ай бұрын
I have no words to express myself about your teaching style love you sirji 🥰🥰🥰🥰🥰
@nishant708311 ай бұрын
Hello sir , I'm really really really thankful for the js series I will continue with this too Sir , there is one request please consider if you could . I am from a non cs background that is why I have seen some basic programs flow charts , pattern question , and other very basic fundamental are the problems , I saw the content on KZbin firstly it's in English + either in Java or c++ and Thora dikkat jayada ho rha hai please please Thora kuch kijiye please . Hamare jaison bchon ka bhala ho jayega
@Anshi-jq7df11 ай бұрын
Agree brother sir reply please
@meoh81211 ай бұрын
Bro I have the same problem , 2 marathons like js series would be great
@mohammedirfan57443 ай бұрын
to my dear learners please don't give up i thought to give up while watching this video twice but i continued and i understood 50 percent i will watch the video again to learn 100 percent ,i request you not to give up instead use book note down the things and you will see the magic
@parasjain8180Ай бұрын
Anchor tag or tag is not used in React as it refreshes the whole page which is not the concept of react, that's why Link tag is used in react which is imported from react-router-dom
@ashishkarn524811 ай бұрын
1:04:31 Thanks Sir, I'm glad that I discovered you channel at my initial period of learning. You're just superb. I just think that any paid course is not near you. Once Again Thanks Sir 🎉🎉
@birsingh538811 ай бұрын
Great initiative to work on projects, but i think we also need figure out many things ourselves as well
@chaiaurcode11 ай бұрын
Ye to h hi. Duniya ki koi kitaab ya lecture aapko sab kuch thodi sikha skta h lekin sikhne ki raah mil jaati h
@birsingh538811 ай бұрын
@@chaiaurcode Yes, that's right 👍
@dev_kongkon11 ай бұрын
@@chaiaurcodeYes sir
@himanshuhota019 ай бұрын
Thank you sir really short and precise , I have spent 20000+ rs but trust me this is better than they teach in so called branded 9 month bootcamp
@amiijjk27 күн бұрын
I'm revisiting this playlist before i dive into appwrite stuff and the concepts are much more clear now. If you are not getting the concepts in first go, try to watch the video completely and come back to it again. Love Hitesh sir's way of teaching!!
@ahtritcodes721911 ай бұрын
sir if you can also show us how open source contribution in the web-dev field works, it would be very helpful.
@Aman_yadav141911 ай бұрын
Comments karo guys kya kar rahe ho like bhi Karo ...sir mehnat ke rahe Etna to Karo
@SuryaKarigar8 ай бұрын
Funciton se hi Funcitonality aati hai. Maan gaye Giruji 🙏 Kya punchline mara hai 🎯
@mahendra.g.patil053 ай бұрын
"Thank you so much Hitesh for explaining React Router so clearly. Your teaching method is fantastic! I really appreciate how you broke down each concept step-by-step and provided practical examples. It made everything so much easier to understand. Your ability to make complex topics simple and accessible is truly impressive. Great teaching!"
@chaiaurcode3 ай бұрын
Happy to help
@mehaksharma-jt7sx10 ай бұрын
i live in Jaipur hope i can meet sir and thanks him in person ,and appreciate his work, great guru for those student who study by there own .....thank you so much sir glad to find out your channel
@mukeshutmani4 ай бұрын
"Chai Chlte rhe ge muje pta ha ap bura nhii mano ge " Words are special For tea lovers Thank you so much sir
@Vedicaa5 ай бұрын
When i watch your videos, it feels like every single minute is being utilised. I am hooked. Literally 1 hour + of pure knowledge, and so much in depth. Thank you sir. I cannot appreciate you enough, and the fact that this is free, that is absolutely mind blowing.
@ForAll19876 ай бұрын
tag is not used because page in reload so instead we used link from react-router-dom
@gajendraambewadkar77817 ай бұрын
Sab Functions hai Functions ko hook bolate hai Function se hi Functionality aati hai but Hitesh bhaii se hi concepts me clarity aati hai. Thanks Hitesh Bhaii.🙏
@AjoyPaul20238 ай бұрын
13:48 'a' tag is not used in React. Instead of that 'Link' tag is used. Because click on the 'a' refresh the page and restructed the DOM again, but this functionality is missing in React.
@user-ro4si4dz4e6 ай бұрын
The manner in which you articulate the intricacies of the behind-the-scenes aspects makes it more captivating to listen to sir.
@PraveenSaini-yo7kq3 ай бұрын
Function Router( ){ return( Function Se Hi Functionality Aati Hai ) } Thank you so Much Sir for the Explaination of ReAct-Router ☺
@irfanullah29107 ай бұрын
I just watched the React Router tutorial on Chia's "Our Code" KZbin channel, and I must say it's simply superb! 🌟 The project-based approach made it a bit challenging on the first watch, but going through it a second time made everything crystal clear. The content is amazing, and I appreciate the detailed explanations that helped me grasp React Router concepts effectively. Big thumbs up to Chia for creating such valuable content! 👏👏
@vicky57842 ай бұрын
Why is not used in React ? Because a tag refresh the page but in react we can't refresh the whole page because if we reload the page it's useless for us using react.react create a virtual dom and compare with main page if any difference is there react update the changes not reload the page. So we are not using a tag in react. Ignore the English...
@RushikeshN.3 ай бұрын
13:49 The tag is refresh the page that why the not using in react tag are using
@nusratlines49473 ай бұрын
Is sy to a tag hi bater tha yar
@pallavipatil82702 ай бұрын
This is the best react routing video I have ever watched on youtube! Thank you so much Hitesh for such an amazing crash course.
@bevanmehra17062 ай бұрын
This code is not woking . Is this working for you?
@san29sh9 ай бұрын
Hitesh aap kuch bhi explain karte Hain tab sab kuch easy lagne lagta hain, aap complex code ko bhi bahut easy way me explain kar dete hain usase bahut jaldi samjh aa jata hain
@bhavinpatel928510 ай бұрын
maja aa gaya sir ji....aap har naye project me pichle project me jo sikha hai uska bhi use karvate ho, to sabkuch itna clear ho jata hai, kahi aur dekhne ki jarurat hi nahi hai. Thank you so much GURUJI.
@abhik64002 ай бұрын
The anchor tag is not used in react because using anchor tag would refresh the complete web page once any changes occur in the web page which is not a functionality of react therefore link and navlinks are used for the purpose.
@idkwhat3373 ай бұрын
tags use nahi krte kyuki usse page reload hota hai instead hum tag use krte hai jo react-router-dom se aata hai
@aloktamrakar95419 ай бұрын
Completed previous tutorial at 29-11-2023 and started this one love your content sir
@user-xg8kc2cs2p9 ай бұрын
The best course on the internet with chai . Very grateful for your efforts sir.
@vijay_explorer8 ай бұрын
I have tried following many React course and could not do it after 20 to 30%....At last I found an instructor who I can follow without getting bored. Thank you so much Hitesh sir, your pedagogy (padhane ka tareeka :) ) is the best....Thank you a million times.!! Best react course ever without a doubt.
@shreearjun457621 сағат бұрын
We Don't use tag, Bcz it reload the Page, so we use tag.
@khanyasir7157Ай бұрын
Interview question : why should we not use the a tag in the react ? Ans : if we use the a tag then it will refresh the whole page ,joki woh hame nhi chaiye , we will use the Link jo DOM mai only specific part par changes karega , which will improve the efficiency of the website.
@rajuxz12 ай бұрын
Remember something: " Agar react router seekhna hai to yahaan se easy kahin bhi nahi hai " - True words by our Hitesh Sir ! Thanks a lot for course sir ji !
@Bharatiya_Gane7 ай бұрын
Very Good Explanation of React Router. Sir ,You are Gem ❤☕☕
@harshalshinde708510 ай бұрын
tag should not be used is react as it renders entire page we use link and navlink from react-router
@sarthakitaliya76604 сағат бұрын
can you create video on how to read docs effectively? Like you are also learning the new technology and reading docs and making video showing how to read docs. thanks for the video♥
@riderzzone63734 ай бұрын
1:02:14 "Function se hi functionality aati hai 😎" thankyou sir ji love from bengal
@atharvadeshmukh63288 ай бұрын
Your teaching is addictive! "Functions se hi functionalities aati hai"
@funWithCode116 ай бұрын
Sir, Ye video very conceptual and understandable hai. Mai is series ko enjoy kar raha hun. Apka jo ye react series one of the powerful video hai. Thanks, sir G ♥.
@hiphop8618 ай бұрын
There are many teacher and tutorials on KZbin. But no one is like you. Please don't stop. I predict and pray that you channel will touch around 500K to 700K subs until the end of next years
@chaiaurcode8 ай бұрын
Pray b zruri h n share b zruri h, vo b kr doge to jldi ho jayega kaam
@hiphop8618 ай бұрын
@@chaiaurcode definitely sir
@masterkk557310 ай бұрын
apne aap kuch nahi hota yha, sab function hai , Function se hi functionality hoti hai ! 😄 Nice quote Sirji 👌
@Hello-World075 ай бұрын
I will recommend every beginner to always watch this videos multiple times because the knowledge that is being shared in here is very deep.. I personally only try to understand the concepts first and then when i watch it again i code along with him... thanks hitesh sir for this Gem of a Series...
@yogeshprakhar8 ай бұрын
i didn't know about react router completely , but after watching this ..omg and it is fun in learning react thank you very much for this video and this react series and backend series too
@dilipbaghel95355 ай бұрын
sir itni aasani se aapni sab kuch samjha diya, it feels like magic , thank you sir
@AmitRaj-nq1df3 ай бұрын
this is the best react router course i have ever seen ...covering the topics like loader is fabulose and giving the student with the exposure in devloping the product with optimized mindset is great
@rahulchauhan845Күн бұрын
Sir, with you learning is really easy and enjoyable. Appreciate your efforts.
@just-learning-oneT3 ай бұрын
simple and best way to learning "React Router" for this Video.Thanks you Sir 👍👍❤❤
@GalaxyRNCКүн бұрын
18:30 "Karogey kya us ghante ke content ka" Nice Lines
@alexdsdebasis7 ай бұрын
sir, while watching this video at first i get confused but it was the summary that helps me to grasp the concept and apply it with a single try and no error .Thank You Hitesh sir ....
@user-qe7tf8or5m6 ай бұрын
I was tring to learn react router, but got confused a lot, no one made things clear Thank to you Hitesh sir, you really made me not loose hope, and give it another chance ❤❤
@Neerajj_Suyall6 ай бұрын
Bhai iss sai phle mai code with harry ki video dakh raha tha waha kuch bhi samajh mai nahi aya react router dom but yaha bhut acche sai samajh aya ❤❤😊
@Suraj.52607 ай бұрын
we mustn't use a tag in react coz tag is expected to refresh every time whereas Link/ NavLink isn't.
@Spider-Man_672 ай бұрын
Hitesh Sir, maza aagya paadh kar react Router ke baare me. thank you from heart.
@shekhar_ranjan7 ай бұрын
Bahut badhiya tarike se samajh aya router ka concept and loader ka concept to extra advantage ho gya 💪 thank you Sir ❤
@deepakkumar-ko9wj5 ай бұрын
Khas bat to Hitesh sir me hai. A man is on mission of tech education with simplicity.
@priyojitsinghaАй бұрын
14:01 we use Link tag inplace of a tag because Link tag prevents page reload unlike a tag. On page reload react will rerender the page...
@vivekjacob232010 ай бұрын
Great intro to react. Well paced and keeps focus on the important parts
@aspiring.......10 ай бұрын
tag reloads the page which is against the concept of react thus we use tag instead.
@pragyapant93248 ай бұрын
Link tag is used instead of tag ,because tag reloads the whole page
@dasiDiary5 ай бұрын
Thanks for providing this tutorial! I've been looking for something like this for a while, and your explanation really helped me understand React Router DOM.😊😊😊😊
@UttamSeervi-qc9fp5 ай бұрын
Yaha se best or kahi nhi hai 🥰 Sahi kaha sir aapne Yee baat bas react router keliye nhi hai, aapki Saari playlist sabse best hai💟💯
@Tylor_Rodriguez4 ай бұрын
teaching method is absolutely gorgeous 🤩
@Dev-Phantom6 ай бұрын
Data Loading in React Router was totally new to me , wonderful
@decoder_pankaj6 ай бұрын
Congratulations Sir for 200k #15Days-React-Challenge
@VishalSharma-rn7mt10 ай бұрын
Amazing, Awesome explanation Sirji, non one can explain this concept better than you 😀
@Outofmatrix4572 ай бұрын
Best video on react router and the way of teaching is out of world thanks alot sir
@deveshsharma5344 ай бұрын
Hitesh ji you will gain worldwide Popularity one day, for the content you generate, thts for sure. And that day too is not too far I believe. Thankyou for being a Saviour. 😇