Just for info: There is a NavLink component in react-router which will add "active" class if that link is currently active automatically. Saves some boilerplate code!
@jaysongoku2274
2 жыл бұрын
Hey, I just found out about NavLink. What do you think its usecases?
@terragady
2 жыл бұрын
@@jaysongoku2274 obviously nav bar items :D
@zmasterar
2 жыл бұрын
I was about to say the same thing
@dave6012
2 жыл бұрын
activeClassName was deprecated in react-router-dom v.6
@chidiebereuzoma1635
2 жыл бұрын
@@dave6012 you use an inline function passed as value of a prop instead
@ThourCS2
2 жыл бұрын
Breaking down tutorials in components this way is the way to go. Thank you so much for this.
@NiaNic425
Жыл бұрын
This is so great for portfolios! I was just considering moving my web portfolio from the old php mysql to react since I dont have much data to use for database anyway. Learning react, about routes and being able to update portfolio all at the same time with this vid thank you so much man!
@smile4self
2 ай бұрын
short, simple and straight to the point. its 2024... Still very useful and relevant... thanks for breaking this down to the simplest...
@luthfijuang4433
Жыл бұрын
Thanks so much bro, you are helping me so much on my first project as an intern, keep going bro and i always will be your subscriber.
@derf579111
2 жыл бұрын
Without even watching the video, I already know this was EXACTLY what I was looking for today from you...weird how life works out like that.
@balrogmorgoth2360
16 күн бұрын
Thank you, i adjusted my own html and css code into this, and it works well!
@CrystalButterfly_Sadhanad
5 ай бұрын
I am a beginner for using react. Your explanation helps me a lot.
@MarcoCrupiPhotography
2 жыл бұрын
The final part of your tutorial saved me from a big problem, thanks, you taught me so much!
@stainsmault441
Жыл бұрын
Thank You so much, was trying different docs and couldn't make it work, Finally found your video and made it done
@athuljonnie
9 ай бұрын
Thanks Kyle! I was working on my Company's official page and this video saved my day!
@sayyadtanzeem9495
2 жыл бұрын
Thanks Kyle!! I have been stuck at react routing errors. My pages won't show on my home page but after watching your video. I got solution. Keep growing brother.
@mirkoat22
Ай бұрын
Thank you! These videos really help out, keep up the great work!
@Wampiroh
2 жыл бұрын
I don't know if you know this, but your content saves lives. Thank you so much!
@ayandandlovu5253
2 ай бұрын
If you only knew how I struggled with this today? 😭 Thank you sm❤
@Babisimo
2 жыл бұрын
ty for simplifying the web for me
@ian_fraser
2 жыл бұрын
Hey Kyle, thanks for making this. I've come across your channel over the last couple of weeks and finding if really useful! Brilliant.
@HumanAction76
Жыл бұрын
Easy to follow along, and I like you show how to route with and without react-router-dom. Thanks for the tutorial.
@rajireddyaleti6346
2 жыл бұрын
Hey Kyle, I'm a fan of yours. I like the way you make the content much simpler to understand. Can you start some Javascript(React) tooling-related videos to make them more understandable? I don't know most of the things why we need some libs as dependencies and soon in a while in 2yrs to 3yrs they are deprecating/outdated
@dawiddawid5533
11 ай бұрын
Thank You VERY VERY much. Great explanation. U are a gifted teacher and thanks one more time
@JeanDidier
2 жыл бұрын
Searched this morning "AlpineJS router" and Kyle released this video 5 hours later 🤔. Thank you so much for the first router solution. I am amazed at how these things are so easy to you
@SaliAalaNabiyak
Жыл бұрын
for the hook to get the current locatin you can just use one hook it is : useLocation() it's gonna return an obj containing the pathname which we are looking for so the after importing the hook your code should look like this : const location = useLocation() let path = location.pathname
@duanedodson1
10 ай бұрын
I'm sure he knows that, but you can't give away too many trade secrets in a free video.
@memmuw
Жыл бұрын
Thank you brother, router was doing my head in.
@shenseanchen
2 жыл бұрын
You are amazing! Thanks for simplifying web dev in such a clear way!
@usmanaslam750
2 жыл бұрын
Thanks a lot. after watcing your amazing learning video, i am able to resolve problem related to React Router. once again, Thanks a lot..........................
@muwahid2380
6 ай бұрын
actual goat video only making this comment to help u in the algorithm cause u deserve it
@looterbmgo5545
2 жыл бұрын
Finally, I've been waiting for a new video to come. What time do you post videos? (2d, 5d, 1w or something else)
@ethiocode298
2 жыл бұрын
I think we can use NavLink instead of Link for active state
@anantsaxena5454
Жыл бұрын
Thankyou so much i was stuck on this for hours 😭😭
@JordantheComputerScientist
Жыл бұрын
You are really helping me with react !
@fletcherrat337
Жыл бұрын
Great video bud. Really nailed the params of an exercise I am working on for a bootcamp with only a little bit of adjustment. Subbed today so look forward to see what you release in the future!
@firstdbzmaker
Жыл бұрын
I'm a fan of the teaching style :D
@anasyoussi514
Жыл бұрын
Bro Thanks a lot this is what I've been looking for.
@classicdrumpercussion1608
2 жыл бұрын
Thank you, I have learned a lot of things from today's video. Good luck with your work.
@FinepixF30
Жыл бұрын
Excellent tutorial, helped a lot with my react website nav bar menu.
@AbdulmajidAlamyar
Жыл бұрын
Thank you so much for the video. It really helped me with my assingment.
@JainamSutaria777
2 жыл бұрын
please make more videos on React
@againstthegrain5914
2 жыл бұрын
This came at the right time! Thanks buddy!
@romanusolcev
2 жыл бұрын
A few more that kind of video and i'll fall in love with React)
@paterfamilias01
2 жыл бұрын
Hi, can you make a video of vanilla js routing? great videos!
@captainsano4221
Жыл бұрын
Keep up the great work!!
@baktiyaryerkinov1045
Жыл бұрын
Good job!
@empoweredsouls-relaxingmus6074
2 жыл бұрын
Thankyou so much you made my day sir
@naciribraimo7967
2 жыл бұрын
Thank you for sharing your knowledge
@timothyvandeweerd946
2 жыл бұрын
Thank you so much, it was exactly what I was looking for. What a great tutorial!
@marybush4785
Жыл бұрын
Thank you so much for your video it helped me out alot.
@merabet.faycal
2 жыл бұрын
easy and great as always , Thank you !
@NNNedlog
Жыл бұрын
Thanks a lot for this tutorial
@feynthefallen
2 жыл бұрын
Interesting how you have the same ideas I have, like organizing the components the router references as "pages".
@Smurfis
5 ай бұрын
Thank you for show-casing this as we can now use this to create an amazing display system perhaps you could make it more of a hamburger menu! Thank you!
@Pakinam865
Жыл бұрын
This saved me!! thank you
@alanchavez16
2 жыл бұрын
Thanks for this knowledge!
@castaway429
Жыл бұрын
This is a great video and tutorial! However, is a way where you can transfer data between these pages like if someone clicks a link on your pricing screen it brings it to a new screen to pay with the payment plan selected
@enzoscandelt3350
2 жыл бұрын
4:00 styling
@richardwrites
2 жыл бұрын
Works, thanks!
@daviskatana8723
2 жыл бұрын
Great tutorial
@thejomviking
8 ай бұрын
Thanks Chief, I have been struggling to find the reason why i'm getting a blank white page for two weeks now and i just found out i didn't add the BrowserRouter into the index.tsx root render function
@rehyannsaini
Ай бұрын
Thanks Buddy
@utvikler-no
2 жыл бұрын
you are a legend! Thanks!
@jpj7087
7 ай бұрын
crazy good video !
@BongProgramiz
2 жыл бұрын
Nice work ✌️
@snehalshaevya5598
2 жыл бұрын
Please make a video on nested routes
@jtaylor8606
Жыл бұрын
Excellent vid, really clear and help[ed me fix a problem that I'd been battling with all day :-)
@KimberlyRuzivoMunyoro
3 ай бұрын
Many thanks!!!!!
@gopalloharnew5948
2 жыл бұрын
It Very Easy ... Can't believe react is so easy ... or it's your magic ... who know !
@lurelurche
Жыл бұрын
Thanks, I love your angel hair. Keep it up !
@alishok9199
Жыл бұрын
Thanks,.please make breadcrumb
@Dustyy01
2 жыл бұрын
Can you make a video about blazor?
@MahaDBTScholarshipOfficial
2 жыл бұрын
Great 👍
@paulneumann7739
2 жыл бұрын
Thank you great video. Your a machine! Appreciate the information Even Your hair is even doing 100 km/hr. Mine does 30 km/hr like a kids school zone! Just like my coding skills.
@hmleao
2 жыл бұрын
How would you organize a multi page react app? I've seen you've separated the pages in a folder. What about components of these pages? CSS and all the good stuff?
@umidjon_tuychiyev
2 жыл бұрын
great job bro
@jmann2885
2 жыл бұрын
Can u plz create a web development guide for 2022 as u created in 2021 ….thanks in advance
@aliuabdulmanaf353
Жыл бұрын
Thank you big boss
@asphaltking5870
Жыл бұрын
Omg thank you so much
@hardwired66
2 жыл бұрын
best practice react folder structure and state management sir
@sunilbehera7380
2 жыл бұрын
Thanks Kyle.
@arnab_d9
11 ай бұрын
thank you
@willyhorizont8672
2 жыл бұрын
Thanks kyle
@JuanPortalG
Жыл бұрын
You're the GOAT 🙌🏽
@Smith-fg1qb
2 ай бұрын
I get most of this. The only only I’m confused about is why you put display flex in .navbar a
@aynuayex
Жыл бұрын
please make a video on how to implement remember me in react js
@remotefarm4577
Жыл бұрын
great video thx
@waleedsharif618
2 жыл бұрын
Could you make tutorial video on React unit testing ?
@mukeshpandey9993
Жыл бұрын
awesome thanks
@andresramirez4469
2 жыл бұрын
can you also use something like component={Home} when you write the routers?
@cdey3886
2 жыл бұрын
I know it's not the goal for this video, but you should make a video on how to make a responsive React navbar as it's one of the things I struggled when I started.
@MrzKeri09
2 жыл бұрын
This is currently me
@muflih4000
2 жыл бұрын
Please make a video youtube nav shifting underline
@TheZx9man
Жыл бұрын
Thank you! This course was very useful for me - really nice :) I consider to change a small PHP app with Mysql DB to React-app for a better frontend. The only thing that trouble me is, that I can do no POST requests (e.g. for mail) to PHP scripts without using php://input thing. Would you advise to do this rather with javascript XHR-Request / Promises than php://input?
@Cpd9
Жыл бұрын
Hello. You can use React JS for the front end and connect it to a PHP framework like Laravel for the backend since you’re already comfortable with PHP. You have options, so you can connect your react front end framework to almost any backend for POST requests and CURD, like express & node js; Laravel; or Django for example.
@shenseanchen
2 жыл бұрын
Thanks!
@WebDevSimplified
2 жыл бұрын
Thank you for the support!
@monarchgam3r
2 жыл бұрын
I never these hooks existed, normally I would use the useLocation hook, and the the location.pathname.. then use said pathname to compare if it matches to the target pathname to add active classes.. Well, at least I learnt something new.. thanks
@jorgemejia1586
2 жыл бұрын
thanks for the video baby
@kabilan__v
2 жыл бұрын
Show us what gear you use
@NahidHasan-xp1cl
Жыл бұрын
Love You Boss
@utkarshseth3082
2 жыл бұрын
hey buddy why don't you make video on Nextjs
@6ixty9
7 ай бұрын
hey could you make a tutorial on firebase auth where we can block users from acessing other parts of site if they are not authenticated .... plz
@Justsayingmythoughts
Жыл бұрын
What do you mean by active state? What are the differences when you implement it so that it is in such a state compared to the previous routing implementation without react router?
@Justsayingmythoughts
Жыл бұрын
Nevermind, I now understand it as allowing the active class concept.
@B.O.L.A
Жыл бұрын
Hi I don't know if you're listening I am trying to create a navbar inside an exisiting react app are you able to assist ?
@lahertrivedi4887
8 ай бұрын
hello Kyle! Hope you are fine i wanted to ask that this code can be written in Notepad ++ ?
@Mechanical_devil
Жыл бұрын
Can you do a video on Dropdown menu using NavLink in react please🥺🥺
Пікірлер: 190