Deploying Remix to GitHub Pages
9:22
Searching IndexedDB in Remix
18:22
11 ай бұрын
Cache Control in Remix Loaders
5:47
Prefetching Links in Remix
10:29
11 ай бұрын
How to Fix CJS/ESM Bugs in Remix
4:49
Deferring Data + Streaming in Remix
14:32
Optimistic Drag and Drop
13:54
Жыл бұрын
Optimistic Add
22:34
Жыл бұрын
In-Place Optimistic UI
10:59
Жыл бұрын
Redirecting to New Records
1:11
Жыл бұрын
Creating Records
6:53
Жыл бұрын
Redirecting Logged in Users
5:16
Жыл бұрын
Protecting Routes with Auth
5:17
Жыл бұрын
Logging in Users
3:48
Жыл бұрын
Creating User Accounts
2:46
Жыл бұрын
Implementing Logout
3:06
Жыл бұрын
Cookies in Remix
13:19
Жыл бұрын
Form Validation
8:25
Жыл бұрын
Remix Dev Tools (feat. Alem Tuzlak)
1:43:51
Пікірлер
@MuhammadNurIslomToxtamishhoji-
@MuhammadNurIslomToxtamishhoji- Сағат бұрын
But where's authentication and authorization?
@AbuBakr1
@AbuBakr1 15 сағат бұрын
The only Frame work that does not give headache 👍
@yooujiin
@yooujiin Күн бұрын
I can't believe I was fighting up with flat routes. This is soooo much easier once you understand it.
@Topsquadjapan
@Topsquadjapan 3 күн бұрын
I’m confused on what this channel even is if it’s now react router.
@yes2550
@yes2550 5 күн бұрын
Hello how are you doing?
@foobars3816
@foobars3816 6 күн бұрын
Seems like the "dev server" should have been called the "rebuild server" and then 90% of this explanation wouldn't be needed.
@ginger-viking
@ginger-viking 7 күн бұрын
Great tutorial, thanks
@MrJeyOnCrossfit
@MrJeyOnCrossfit 9 күн бұрын
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
@aharef
@aharef 11 күн бұрын
Awesome tech, awesome tutorial, thank you!
@bomjism
@bomjism 14 күн бұрын
Oh wow, it's probably one of the most useful videos ever recommended to me by the youtube algorithm.
@ramizazhar8891
@ramizazhar8891 15 күн бұрын
Is it safe to put the input password on the url?
@ramizazhar8891
@ramizazhar8891 15 күн бұрын
Ahh i see, with the post method didn’t put the input value on url
@kin1763
@kin1763 16 күн бұрын
legend
@HaroldAnderson-of6gb
@HaroldAnderson-of6gb 17 күн бұрын
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.
@aniforprez
@aniforprez 17 күн бұрын
2:29 /contact/butts hehehe
@ytuser6276
@ytuser6276 17 күн бұрын
2:02 import from "@rem-... @react-router haha
@ReactTipsWithBrooks
@ReactTipsWithBrooks 17 күн бұрын
🥲
@thethmuueinsoe
@thethmuueinsoe 18 күн бұрын
We cannot deploy to Vercel anymore after upgrading react-router 6 to 7 framework mode. Could you please give me reference or guide?
@Adityacode
@Adityacode 18 күн бұрын
When will we get middleware?? Really cool tutorial btw.
@ReactTipsWithBrooks
@ReactTipsWithBrooks 17 күн бұрын
Soon!
@sajadtorkamani9399
@sajadtorkamani9399 18 күн бұрын
Very exciting - nice tutorial!
@qapplor
@qapplor 18 күн бұрын
still no middleware? I have to copy paste auth logic into every route?
@Adityacode
@Adityacode 18 күн бұрын
We need it fast
@ReactTipsWithBrooks
@ReactTipsWithBrooks 17 күн бұрын
We're working on it! Thanks for your patience
@bholmesdev
@bholmesdev 19 күн бұрын
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!
@eleah2665
@eleah2665 19 күн бұрын
Thanks Brooks. Very helpful.
@designerjehovah4453
@designerjehovah4453 19 күн бұрын
this is so exciting
@dodiiiii1
@dodiiiii1 19 күн бұрын
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_food
@the_beckers_food 19 күн бұрын
I have been waiting for this video! Thank you.
@manutechashuman
@manutechashuman 19 күн бұрын
Love the tutorial! is it possible to get access to this repository? Thanks!
@ReactTipsWithBrooks
@ReactTipsWithBrooks 17 күн бұрын
It's just in the react-router repo under the "tutorial/" directory
@manutechashuman
@manutechashuman 17 күн бұрын
@@ReactTipsWithBrooks cool! I was looking for contacts and it was address book 🤦
@brianmwangi6599
@brianmwangi6599 19 күн бұрын
Hey Brooks, why did you put the action function for creating new contacts in the root.tsx instead of sidebar.tsx?
@Adityacode
@Adityacode 18 күн бұрын
It's upto you where you want to put it
@ReactTipsWithBrooks
@ReactTipsWithBrooks 17 күн бұрын
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_1
@itsZavier_1 20 күн бұрын
thanks
@philippeaka2772
@philippeaka2772 20 күн бұрын
Great tutorial!!
@AlexanderDensley
@AlexanderDensley 20 күн бұрын
any plans to release docs on using supabase auth with the new rr v7? would be greatly appreciated
@ReactTipsWithBrooks
@ReactTipsWithBrooks 17 күн бұрын
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.
@TheMERABANABER
@TheMERABANABER 20 күн бұрын
I'm never using tanstack router ever again, thank god
@bholmesdev
@bholmesdev 19 күн бұрын
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
@TheMERABANABER
@TheMERABANABER 17 күн бұрын
@@bholmesdev I hate the docs, most of what you actually need is outdated... The focus is very narrowed on ssr
@shivamjhaa
@shivamjhaa 20 күн бұрын
This is really, really good. Everything coming together
@vfshera
@vfshera 20 күн бұрын
This is great!
@refeals
@refeals 20 күн бұрын
Awesome tutorial, thanks!
@stalexxx2
@stalexxx2 20 күн бұрын
finally, thank you
@frozen_tortus
@frozen_tortus 20 күн бұрын
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.
@jeffsegovia00
@jeffsegovia00 21 күн бұрын
Thanks Brooks. 🎉
@ReactTipsWithBrooks
@ReactTipsWithBrooks 20 күн бұрын
No problem!
@prashlovessamosa
@prashlovessamosa 21 күн бұрын
Thanks for sharing
@saurabh75prakash
@saurabh75prakash 21 күн бұрын
How can we build mdx blog site with RR7? Is there any example repo
@AbuBakr1
@AbuBakr1 21 күн бұрын
Can someone please explain to me . Remix and react router: are these two different framework? Am currently building sites with remix.
@danestevens1
@danestevens1 21 күн бұрын
Remix is now react-router (framework mode).
@Remix-Run
@Remix-Run 21 күн бұрын
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
@lamhung4899
@lamhung4899 20 күн бұрын
Remix is nothing but React ROUTER + "framework" features
@AbuBakr1
@AbuBakr1 19 күн бұрын
@@danestevens1 wow that's amazing
@AbuBakr1
@AbuBakr1 19 күн бұрын
@@danestevens1 wow this is awesome
@iriel492ki
@iriel492ki 21 күн бұрын
How do you handle auth with the new React Router 7? Is it basically the same as Remix?
@Remix-Run
@Remix-Run 21 күн бұрын
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
@BlackSheepWithMe
@BlackSheepWithMe 21 күн бұрын
contacts/butts
@barclaysd
@barclaysd 24 күн бұрын
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
@iganic7574
@iganic7574 24 күн бұрын
That's great feature, it can allow us to use tanstack query which can handle client side cache.
@karthM8
@karthM8 25 күн бұрын
i have placed a console.log in search component its getting printed like 10 times on pageload any idea why its happening?
@karthM8
@karthM8 25 күн бұрын
can you please share this sample project code
@TechMagic204
@TechMagic204 26 күн бұрын
I love remix! I want to be part of the development team, it just gives me a certain authentic feel ❤
@karthM8
@karthM8 26 күн бұрын
where can we find the code shown in this demo?
@RAMESHS-is9st
@RAMESHS-is9st 29 күн бұрын
AWS
@soultouchingsongs
@soultouchingsongs Ай бұрын
You are awesome🙌👍