You can do a lot with so little. As short as this tutorial is, it did a whole lot for me. Thanks Kit.
@JohnMcLeodBrown
2 жыл бұрын
You're a natural at teaching, thanks for the tutorial!
@KitFuderich
2 жыл бұрын
Thanks dude! Happy this video has been useful and hope you reach all your goals.
@e2xsq
3 жыл бұрын
Great tutorial, you explained each step very clearly!
@KitFuderich
3 жыл бұрын
Thank you!
@R4du21
2 жыл бұрын
Brilliant tutorial! By far, helped me the most with creating and understanding a single page application with React. Thank you!
@superraegun2649
2 жыл бұрын
How did you get around "withRouter" being depreciated in later versions of react-router-dom? Is there something else I can use?
@R4du21
2 жыл бұрын
@@superraegun2649 Hey! Sorry for late response... From my perspective of view, just use v5 of react-router-dom. If you are a begginer in this area (like me) it's better to use an older version where you know the functions better rather than using a new version where hooks were eliminated or modified the structure.
@migzs2903
3 жыл бұрын
Thanks it helped me a lot man!!
@jeffreychow3776
3 жыл бұрын
Thanks great tutorial with very good explanation
@patrickkhalifeh1257
Жыл бұрын
You need to get a raise my dude
@dananjayachathuranga7113
Жыл бұрын
Finally found a useful tutorial
@integer6549
2 жыл бұрын
Thank you for this
@naumanshigri
3 жыл бұрын
thank you its helpful
@habfem
2 жыл бұрын
Great video Thanks a lot
@daniezra
Жыл бұрын
Thanks a lot 👍
@kingmicahtheinfamous4309
Жыл бұрын
GREAT VIDEO!!!!!! For those following this, in the newer version for 'React-Router-Dom' installation, You will have to change "Switch" into "Routes" at the MainComponent import function. import {Routes, Route, Redirect, withRouter} from 'react-router-dom'
@KitFuderich
Жыл бұрын
Thank you and glad this video is still helpful for others. Appreciate the update on the router stuff!
@abadan2014
Жыл бұрын
i still getting error message about withRouter component. any solution?
@framirezm
Ай бұрын
@@abadan2014 same problem.
@MsElectronicKrazy
2 жыл бұрын
Thank you
@krzysztofzabolotny4802
2 жыл бұрын
Downgrading react-router and react-router-dom to version 5.2.0. will help with the Switch and withRouter errors. Just run npm install react-router-dom@5.2.0 and npm install react-router@5.2.0.
@DavidKabs
2 жыл бұрын
Great tutorial! Thanks a lot! It really helped me. One question tho, what theme did you use in vs code?
@KitFuderich
2 жыл бұрын
Thanks- I use Popping and Locking as my theme. This website may interest you if you want to find some cool color themes apart from what I used: vscodethemes.com/
@superraegun2649
2 жыл бұрын
Great tutorial, but later versions of react-router-dom has depreciated Switch and withRouter (anyone who's experienced with things like this will be familiar with this happening), is there anything I can do about it?
@KitFuderich
2 жыл бұрын
Hopefully you figured things out by now. Within web development things update all the time- whenever I am going to get back into React I typically review the documentation for what I am going to do as things change quickly. Here is the most recent documentation for React Router: reactrouter.com/docs/en/v6/getting-started/overview. Hopefully that helps but use wrapped around your and then use . That's how you do it in short.
@williamdevonshire356
Жыл бұрын
Great vid thank you :) btw you can just use command C to copy, and then command V to paste (im pretty sure on Mac). Or maybe u were just using right click to copy and paste for tutorial clarity? Either way, figured i'd share just in case
@KitFuderich
Жыл бұрын
Thanks and yes- this is true for Mac! Happy to hear you enjoyed the video.
@m.fadhilsyahrian4703
2 жыл бұрын
hello can you help with my error i have added my link react router dom and its working fine site url goes to my path but i have to reload browser to show other component
@KitFuderich
2 жыл бұрын
That’s a strange one and would need to see more of your code. With the new router 6 docs make sure you have an element tag and are passing the component you want to render into the route like this-
@joycemeow5857
Жыл бұрын
I wanna see all your cat art!!
@alejandro93tauste
2 жыл бұрын
For ones who use the version 6+ and get ISSUES WITH IMPORT SWITCH, i google the issue and found the problem is solved importing ROUTES instead switch and change the switch for Routes, i hope you will take the solutions with that.
@KitFuderich
2 жыл бұрын
Thanks- when I made this video I didn’t factor in package updates over time. Always good to check out documentation when something like this occurs. Appreciate your and other’s input so my video remains helpful.
@root1996
2 жыл бұрын
It doesn't work in deployment ! Do you have any idea ?
@KitFuderich
2 жыл бұрын
I’m assuming you are running npm build and running your deployment off of the build folder. Depending on where you are deploying to you may need to prep your files for page routing. Here is a article for deploying to Netlify with tips on handling the routing: www.freecodecamp.org/news/how-to-deploy-react-router-based-app-to-netlify/amp/
@saurabhhchavan
3 жыл бұрын
We want full video
@KitFuderich
3 жыл бұрын
Cool maybe I’ll do one on styled components down the line.
@krzysztofzabolotny4802
2 жыл бұрын
To refresh the page, not onlu the URL, wrap the in
@wc4260
2 жыл бұрын
for anyone confused as hell, use react router 5. 6 will not work following tutorial. just add @5 at the end of your install command so npm i react-router-dom@5
@KitFuderich
2 жыл бұрын
Yes - and if you want to go with router version @6 the main difference is is now called .
@user-gs8oe1zp7y
Жыл бұрын
Dude, slow down. I don't know what it is you're doing, I keep rewinding multiple times, but every single time I try to follow one of your steps I encounter a different error that leads me through a rabbit hole of debugging things that should have been done in an initial set up for first-timers. I've got strong foundations in html, css, and js and am trying to branch into React, but this video completely discouraged me every step of the way.
@KitFuderich
Жыл бұрын
Sorry to hear the resource isn’t working for you. What kind of errors are you getting?
@magnushlund
5 ай бұрын
There have been updates to react since this. I figured out how to overcome them, by using the chatbot on Bing. Creatively enough called "copilot", like everything else. It can access the web, which makes it very up to date. The framework has just been updated, in the past 3 years.
@manideepadithya1120
3 жыл бұрын
talk loud please
@joazz111
2 жыл бұрын
my solution for the page not reloading was to add the onClick thing like so Home {window.location.href="/about"}}>click for about
Пікірлер: 46