I can't believe I was fighting up with flat routes. This is soooo much easier once you understand it.
@Topsquadjapan3 күн бұрын
I’m confused on what this channel even is if it’s now react router.
@yes25505 күн бұрын
Hello how are you doing?
@foobars38166 күн бұрын
Seems like the "dev server" should have been called the "rebuild server" and then 90% of this explanation wouldn't be needed.
@ginger-viking7 күн бұрын
Great tutorial, thanks
@MrJeyOnCrossfit9 күн бұрын
So much value in this video, very usefull to get hands on react router 7. Thanks to all the team!
10 күн бұрын
of course there has to be mocking to PHP
@aharef11 күн бұрын
Awesome tech, awesome tutorial, thank you!
@bomjism14 күн бұрын
Oh wow, it's probably one of the most useful videos ever recommended to me by the youtube algorithm.
@ramizazhar889115 күн бұрын
Is it safe to put the input password on the url?
@ramizazhar889115 күн бұрын
Ahh i see, with the post method didn’t put the input value on url
@kin176316 күн бұрын
legend
@HaroldAnderson-of6gb17 күн бұрын
Is there a simpler introduction to React Router 7? This video went over my head very quickly. I have tried unsuccessfully to work through the tutorial on the documentation, but it does not explain the concepts either. Thanks.
@aniforprez17 күн бұрын
2:29 /contact/butts hehehe
@ytuser627617 күн бұрын
2:02 import from "@rem-... @react-router haha
@ReactTipsWithBrooks17 күн бұрын
🥲
@thethmuueinsoe18 күн бұрын
We cannot deploy to Vercel anymore after upgrading react-router 6 to 7 framework mode. Could you please give me reference or guide?
@Adityacode18 күн бұрын
When will we get middleware?? Really cool tutorial btw.
@ReactTipsWithBrooks17 күн бұрын
Soon!
@sajadtorkamani939918 күн бұрын
Very exciting - nice tutorial!
@qapplor18 күн бұрын
still no middleware? I have to copy paste auth logic into every route?
@Adityacode18 күн бұрын
We need it fast
@ReactTipsWithBrooks17 күн бұрын
We're working on it! Thanks for your patience
@bholmesdev19 күн бұрын
You did it. You finally made routing simple. The answer wasn’t pure file based or pure config based, but somewhere in the codegen middle. Thanks for pushing through to find the solution!
@eleah266519 күн бұрын
Thanks Brooks. Very helpful.
@designerjehovah445319 күн бұрын
this is so exciting
@dodiiiii119 күн бұрын
Great content. Very intuitive and fluid. Thanks Brooks! Q: How soon is RR7 integrating in hydrogen? The Shopify Winter Edition was disappointing in that regard.
@the_beckers_food19 күн бұрын
I have been waiting for this video! Thank you.
@manutechashuman19 күн бұрын
Love the tutorial! is it possible to get access to this repository? Thanks!
@ReactTipsWithBrooks17 күн бұрын
It's just in the react-router repo under the "tutorial/" directory
@manutechashuman17 күн бұрын
@@ReactTipsWithBrooks cool! I was looking for contacts and it was address book 🤦
@brianmwangi659919 күн бұрын
Hey Brooks, why did you put the action function for creating new contacts in the root.tsx instead of sidebar.tsx?
@Adityacode18 күн бұрын
It's upto you where you want to put it
@ReactTipsWithBrooks17 күн бұрын
I probably should have explained it better, but it's because you can't have an action in a layout route, since a layout doesn't have a URL and to trigger an action you have to POST (or PUT or whatever non-GET thing you're doing) to a specific URL. In this case the root is where the form would POST to by default default ("localhost:5173/"), so I just put it in there. You could set the action field on the form to whatever url you want and create an action function in a resource route (like we did with routes/destroy-contact) if you want to, which honestly might be a little more clear.
@itsZavier_120 күн бұрын
thanks
@philippeaka277220 күн бұрын
Great tutorial!!
@AlexanderDensley20 күн бұрын
any plans to release docs on using supabase auth with the new rr v7? would be greatly appreciated
@ReactTipsWithBrooks17 күн бұрын
Probably not on our site, but there are likely some community resources out there, and we expect supabase to create some resources as well. Given that they're the experts anything they create is going to be better than what we do. Additionally, as soon as we create a doc for one auth/database provider, we feel the need to create docs for all of them. They quickly get out of date and prove to not be very useful, so we find it better when the community/providers themselves create these resources.
@TheMERABANABER20 күн бұрын
I'm never using tanstack router ever again, thank god
@bholmesdev19 күн бұрын
Yeah, I wanted to enjoy it but I was slammed with a wall of complexity when onboarding. Partially the docs, partially the verbose API design. RR v7 feels far nicer to start
@TheMERABANABER17 күн бұрын
@@bholmesdev I hate the docs, most of what you actually need is outdated... The focus is very narrowed on ssr
@shivamjhaa20 күн бұрын
This is really, really good. Everything coming together
@vfshera20 күн бұрын
This is great!
@refeals20 күн бұрын
Awesome tutorial, thanks!
@stalexxx220 күн бұрын
finally, thank you
@frozen_tortus20 күн бұрын
how would you quickly go to visit route file from routes? cmd+click wont work because its not full path? Also, you cant auto complete corect? I tried it and so far my experience was painfull with gotchas like that. Editor shows all is fine, then I open an app and its not working, turns out path is wrong, and terminal shows err, and its not like you made errors easy to read.
@jeffsegovia0021 күн бұрын
Thanks Brooks. 🎉
@ReactTipsWithBrooks20 күн бұрын
No problem!
@prashlovessamosa21 күн бұрын
Thanks for sharing
@saurabh75prakash21 күн бұрын
How can we build mdx blog site with RR7? Is there any example repo
@AbuBakr121 күн бұрын
Can someone please explain to me . Remix and react router: are these two different framework? Am currently building sites with remix.
@danestevens121 күн бұрын
Remix is now react-router (framework mode).
@Remix-Run21 күн бұрын
What @danestevens1 said We announced this direction back in May and finished the work not to long ago You can read more about our strategy here: remix.run/blog/incremental-path-to-react-19
@lamhung489920 күн бұрын
Remix is nothing but React ROUTER + "framework" features
@AbuBakr119 күн бұрын
@@danestevens1 wow that's amazing
@AbuBakr119 күн бұрын
@@danestevens1 wow this is awesome
@iriel492ki21 күн бұрын
How do you handle auth with the new React Router 7? Is it basically the same as Remix?
@Remix-Run21 күн бұрын
Yes, all strategies that worked in Remix apply in React Router if you're using the Vite plugin (framework mode) The popular library remix-auth has already been updated to support React Router 7: github.com/sergiodxa/remix-auth
@BlackSheepWithMe21 күн бұрын
contacts/butts
@barclaysd24 күн бұрын
Could this be a podcast please? Would genuinely love to be able to hear it on the go and there’s tons of value just from the audio itself
@iganic757424 күн бұрын
That's great feature, it can allow us to use tanstack query which can handle client side cache.
@karthM825 күн бұрын
i have placed a console.log in search component its getting printed like 10 times on pageload any idea why its happening?
@karthM825 күн бұрын
can you please share this sample project code
@TechMagic20426 күн бұрын
I love remix! I want to be part of the development team, it just gives me a certain authentic feel ❤