thank you for this video, react-router v6.4.1 looks mazing with new api, hooks and this data loader, but their documentation sucks, I could never get my head around reading their documents, your video makes it simple. Keep making such great, learning videos. if possible please make a video for react-router with react query
Thank you for the video. I have maybe a dumb question regarding typescript. How were you able to find out that the 'LoaderFunctionArgs' type definition is provided by react-router-dom? I don't see any relevant documentation on their website or github.
This is usually the thing with Server side fetching as it's fetching before the page is rendered. If you look at good old Wordpress sites there's no loading spinner. =) The data is being fetched before the HTML is rendered to the DOM. That shouldn't take too long if there's not a lot of data or a slow API. Loading indicators is usually used on Client side fetches.
Hello there, again me. How how can we use useLoaderData hook in nextjs, because I am comfused that nextsj manages routes with in build library without react-router-dom?
Hello there, I am learnig react now, I have question that Can I pass the pokemon name and image link from Root component to its children when exact pokemon link clicked on Root component, instead of refetching every pokemon on Pokemon component? Thank you in advance!
I'm not refetching every pokemon in the Pokemon component. Only the data for that specific Pokemon are fetched. If you want to pass the pokemon name and image link to that specific component from the Root you can do that by URL params and grab them in the Pokemon component as I do now with the name.
@@Weibenfalk Yes, you are absolutely right. I did not relaise you are fetching names first then fetching pakemon data with that names. Thank you. Sorry for misunderstanding.
after this video now i've seen two people explaining react rotuer loader nicely without telling them what to do with the loading delay when the app do the request. not everything is a localhost
Hard to guide you there. I’m a freelancer and contact companies that I feel interesting to work with. It can be tough from time to time but don’t give up!
@@Weibenfalk what part of your earnings comes from youtube? I've just started, i make 600 dollars a month. I'm looking for a ways to impove my skills and make more
Everything is possible. But I'm far from it..I can't really understand how you can make 600 dollars a month on your YT channel. Seems impossible if you just started.
@@WeibenfalkI started working as a web developer, I have a job. I don't have a RUclips channel. Now I want to find another job because I need more money. By the way, great video, I liked it. Also, I watch a lot of RUclips channels about programming and I see that consistency is important here. I do not know if it is worth trying to shoot a video on RUclips. I have no experience, but in any case, most of the audience does not understand programming, so I can shoot maybe short videos, about an hour long, about main concepts, react
Спасибо за видео)
Разработчики react-router-dom - реально молодцы.
Excellent video, it's the perfect introduction to React Router v6.4 with Typescript! Thank you so much 🙏
Thanks. Appreciate it. =)
Amazing demo, thank you. Could you build the same app with loaders + react query and touch on when we might need to reach for a global state manager?
You’ve got context built into react. That’s the only global state manager I use ;)
Thanks. I found the answer to my question in your video.
thank you for this video, react-router v6.4.1 looks mazing with new api, hooks and this data loader, but their documentation sucks, I could never get my head around reading their documents, your video makes it simple. Keep making such great, learning videos. if possible please make a video for react-router with react query
How to use hook with loader? I've turned supabase sdk client into hook so when tring to access client in loader through hooks can't work
Great video ! It would be great to see how to use loaders with useQuery 😄
Thank you for the video. I have maybe a dumb question regarding typescript. How were you able to find out that the 'LoaderFunctionArgs' type definition is provided by react-router-dom? I don't see any relevant documentation on their website or github.
I checked the files for react-router in the node-modules folder =)
Thank you for the video! Is there a way to use useLoaderData for 2 different fetches, for when you need data from 2 api routes pre-loaded?
Haven’t tried but guess you can just fetch them and await both of them as usual
Please suggest how to integrate redux state with loader.
I liked this one as all your content
I think this is similar to TanStack React Location? Great video Thomas!
Thanks a lot. Your contents are informative and awesome always.
Thanks, what about protected routes ?
Very well explained 👍
There is a way to show a loading component while the fetch is going?
because if the fetch is slow the user will not know what is happening
This is usually the thing with Server side fetching as it's fetching before the page is rendered. If you look at good old Wordpress sites there's no loading spinner. =)
The data is being fetched before the HTML is rendered to the DOM. That shouldn't take too long if there's not a lot of data or a slow API.
Loading indicators is usually used on Client side fetches.
@@Weibenfalk thank you for the response.
Nice content ☺
Thanks, appreciate the support.
Thank You very much!!! Greate job!!!
Hello there, again me. How how can we use useLoaderData hook in nextjs, because I am comfused that nextsj manages routes with in build library without react-router-dom?
Yeah this is not for nextjs
Awesome as always!!!😍
Thanks! =)
what's your vs code theme? looks amazing!
One monokai 80s
Tack för en bra video 😊
Hello there, I am learnig react now, I have question that Can I pass the pokemon name and image link from Root component to its children when exact pokemon link clicked on Root component, instead of refetching every pokemon on Pokemon component?
Thank you in advance!
I'm not refetching every pokemon in the Pokemon component. Only the data for that specific Pokemon are fetched. If you want to pass the pokemon name and image link to that specific component from the Root you can do that by URL params and grab them in the Pokemon component as I do now with the name.
@@Weibenfalk Yes, you are absolutely right. I did not relaise you are fetching names first then fetching pakemon data with that names. Thank you. Sorry for misunderstanding.
Hey could you make a full tutorial on React Router v6.4.1? Like building something with it using popular methods?
I think this one covers a lot of ground on how to structure and build the routes ...
useQuery and a loading indicator would be useful
after this video now i've seen two people explaining react rotuer loader nicely without telling them what to do with the loading delay when the app do the request. not everything is a localhost
Hello, can you give me advice where to look for a job as a web developer. Where did you find your job?
Hard to guide you there. I’m a freelancer and contact companies that I feel interesting to work with. It can be tough from time to time but don’t give up!
@@Weibenfalk what part of your earnings comes from youtube? I've just started, i make 600 dollars a month. I'm looking for a ways to impove my skills and make more
Everything is possible. But I'm far from it..I can't really understand how you can make 600 dollars a month on your YT channel. Seems impossible if you just started.
@@WeibenfalkI started working as a web developer, I have a job. I don't have a RUclips channel. Now I want to find another job because I need more money. By the way, great video, I liked it. Also, I watch a lot of RUclips channels about programming and I see that consistency is important here. I do not know if it is worth trying to shoot a video on RUclips. I have no experience, but in any case, most of the audience does not understand programming, so I can shoot maybe short videos, about an hour long, about main concepts, react
can you also add time code in video, please)