I'm Never Using React Router Again

[@toofaeded5260]

Love the endless change in life cycle of apps before going from dev to production.

[@froxx93]

Oh wow, thanks a ton for the Shift+option+O shortcut! It has always been a pain point for me to manually remove those things

[@rjwhite4424]

Dude whenever I want to know what's up and coming libraries or software I check out your channel. You rock!! I'd love to see a longer in depth tutorial video where you built a basic app.

[@hyperprotagonist]

Don’t lie Josh. You’ll be using react router in your next project 😂

[@statuschannel8572]

Truee 😂

[@saksham_1612]

😂😂😂

[@Yesterday_i_ate_rat]

*Dom

[@vanhellsing3029]

yes

[@jamshediqbal7936]

Haha it's funny but true

[@joe-robin]

4:27 Josh: That is magical ✨ Also Josh : That is basic stuff.

[@thebenkalungi]

Thanks... this is a great intro video. is like a portal that keeps changing the UI view whenever a matching route is active.

[@versaleyoutubevanced8647]

Crazy how Josh don't know what Outlet does, is literally the most awesome thing about react routers

[@BliitzPint]

I was also a bit shocked about that. I mean come on, this doesn’t exist for only 2 days or so…

[@graysonorr8172]

He could of at least looked it up. He does edit his videos@@lollol-il2vz

[@darwinnarro2889]

I dont know what Outlet does too 😆the funny thing is that in some projects I use React Router PD: I would rather never touch anything about React Router to be honest

[@BliitzPint]

Josh: **eats Ryder** - Twix: **comes out** - Josh: “I never eat Ryder again!!!”

[@anth0ni33]

Nothing is beating the loader and action of react router💪🏾

[@vty4261]

dude, there is loaders as well and they are type safe

[@anth0ni33]

@@vty4261 just found out. Thanks

[@swaroopkanakam8684]

Thank you for sharing these informative videos; they've certainly enriched our knowledge and understanding

[@SamuelKarani]

"fully type safe" does't add much for most sites and projects which are small and have a few routes to begin with

[@athulgeorge4873]

Ur complaining about something the tool was not designed for. It’s for large apps that heavily rely on routing. Updating routes and search params can cause large breaking changes that u would not be aware of unless u had good typechecking on routes.

[@prashlovessamosa]

Please make more comprehensive Tut on this please.

[@oussamasethoum1665]

I hope you have talk about the layout part next time.

[@sohamnandi7526]

We need an end to end tutorial

[@SkillR1]

Instead of reload your window after installing a dependency - you can just "Restart TS server" instead - this will re-init typescript for you current vscode window

[@dileepa-mn2to]

Need a full video about this

[@TutoDS2014]

How can be used with React Query?

[@zakir.nuriiev]

Cool review! Thank you!

[@jamshediqbal7936]

I only like the type-safe part but I also hate it at the same time because I have to use that much boilerplate code to make it actually type-safe... 😂

[@Tifidy]

this was ridiciliously helpfull thanks

[@xya6648]

Congrats on the mac!

[@statuschannel8572]

looks good But no thanks, i already spent lots of time from react router v5 to v6 to v6.3.3 to v6.4 and not going to invest anymore time in routing!

[@joshtriedcoding]

fair enough

[@zoltanbalogh8949]

And there is also no sense using this library :D you can achive routes type safety with many other ways (you do not need another useless fancy "autogen "solution"") and also react-router way too powerful This feels way too complex, compared to only few lines of code with react router,

[@athulgeorge4873]

@@zoltanbalogh8949autogen is one way of doing it, tanstack router prefers u don’t do it that way but gives u the option regardless

[@statuschannel8572]

@@zoltanbalogh8949 true i already made a simple approach which is putting all the routes in an object so you don't have to worry about typos and stuff. there could be better approaches as well

[@anasouardini]

I'm too used to the in-one-place version of routing.

[@ardianhotii]

Can you please make a tutorial making and app using tanstack router and react query with pagination , this would be best combo

[@denniscual4618]

It just crazy how we can say that React Router is not a modern router lib. Remix is using it under the hood and these loaders/mutations and apis for managing url state are driven by React Router. This Tanstack and React Router are not totally comparable. Tanstack is more opinionated compare to the later like having its own caching. But you can integrate caching into React Router like using it with react-query. But saying React Router is not a modern is kinda misleading.

[@MrWalrusxD]

I am trying to switch to Tanstack Router from React Router. But as I experience, all of my components are going to be placed in the routes. Is that a right conclusion? You can add the component as a function but not give any properties. Has anybody have tips?

[@khaledsanny4817]

So much boilerplate 😅

[@jitxhere]

Hey. I would love to see project on React Vite Tanstack Query and Router

[@athulgeorge4873]

Can u make a full stack app using tanstack router and trpc with SSR? Would love to see if SSR is possible with tanstack router

[@gavinlindridge]

I would love to see this setup also!

[@0xtz_]

I need to try this 👀, but I need to migrate all the routes hhhh

[@orzarhi4050]

Josh, enjoy your new Mac! 😅

[@joshtriedcoding]

YESSIR

[@johnsoto7112]

Or use nextjs!!

[@preetam-raj]

Sorry! I will go with NextJS

[@capztube9069]

Outlet is too good to gloss over!

[@samwise8731]

"fully typesafe" but in the codegen, I see some "any" type lol

[@TheIpicon]

Vercel should take some pointers

[@zakidzz]

hey do us an advanced shadcn totorial advanced costumisation and variants .....

[@ralkey]

i dont understand the point of using a router. it seems so much easier to me to just create folders which tells where in the url something is (like /home) and put a .tsx file there this just seems way too much work for something so basic is there something about routers that im not getting?

[@neociber24]

That's a router, but the complexity is removed

[@iury664]

it is unbound from react tree ?

[@iury664]

well "parallel Route Loaders" hahah nice

[@MrJfergs]

So you're not going to use remix, because that is what react router v7 is going to be. I know this is a youtube clickbait title but the job market is going to still be filled by react router for years anyways.

[@divyanshm.2276]

this is great

[@omarkraidie]

So what about next?

[@pradyumnaramesh4226]

josh moved to mac?

[@paw565]

I think it's easier to just use next js

[@dantelooper2283]

I wonder how React devs feel when they use Angular Routing System.

[@disinfect777]

react devs use nextjs anyway

[@LlamaPony]

💥

[@barcalover016]

how much did they pay you? this is just an ad guys

[@jayandran2007]

Remix is better if you understand how it works.

[@Zagoorland]

It's only for "vanilla" react only, right? Like for dashboards, or SPAs. Vite + react is not widely used anymore, due to SSR libs like Next. It's a shame, because this library looks very cool indeed.

[@iced2916]

I would say react by its own is still used a lot

[@gcash49]

dont be fooled by twitter and reddit, react + vite is still used

[@gorandigitalnomad]

JavaScript influencer is very popular job on youtube, obviously🙄

[@vinniv6806]

yeah.... another JS library... doing exactly same job, like many other....

[@KevinVandyTech]

TanStack Router has so many innovations compared to other client-side and framework routers. It's actually a game-changing library.

[@rayyanabdulwajid7681]

​@@KevinVandyTech Tanstack is excellent for data fetching and it's headless data grid. I don't know about this routing.

[@h051n]

naahh setup takes to long

[@essamal-mansouri2689]

Obviously if it's a small project with nothing important then this is not worth the setup but for anything where you want resilience and the type checking this is worth it even if it takes ten times longer

[@knsense]

how can you title this "I'm never using react router again" then proceed to say "I don't know what an outlet is". Did you ever use react-router to begin with?

[@kurwacherry]

isnt tanstack basically react query?

[@ArcticPrimal]

Tanstack Query is the new name for react query. Josh is showing a different Tanstack product called Tanstack Router, which is equivalent to react-router(made by Remix devs) but different from Tanstack Router

[@lasindunuwanga5292]

Are we really gonna forget the fact that this is for SPAs? All those SPAs will eventually become websites backed by a full-stack framework once those developers get to know about the drawbacks of SPAs. Then this package is in stone unless it is adopted by NextJS. I don't think that would happen either because NextJS and React-Router are maintained by Vercel. Pretty sad ;( Not for me though, because I don't like the maintainer of TanStack.

[@ehm-wg8pd]

enough of click bait

[@electroheadfx]

incroyable, its too fast ;) thx

[@DaPaBe1999]

The cool kids like to use TypeScript ("i cannot longer use vanilla js")

[@ivangechev4243]

Outlet is for putting children

[@robertsandiford6223]

You're still using raw react? Why?

[@denissorn]

Why wouldn't he? For many projects SPA can be a better way of doing things. E.g. you have third party or own web APIs in doesn't matter which language, and you're building an actual application, not a web site (ERP, banking, Book keeping stuff etc) where you would care about SEO and random people.

[@robertsandiford6223]

@@denissorn What are you using to make these apps? CRA?

[@denissorn]

@@robertsandiford6223 last time I worked with react I used vite. Not sure what's the current best/recommended way to do it, but if I would simply search the web and check the situation/recommendedations. Vite worked quite well for me, and migrating projects from CRA to Vite was pretty straightforward and simple.

[@nothotdog5]

@@robertsandiford6223 React + Vite. CRA is dead

[@FranFiori94]

You will probably switch to Remix in the future so i think ull be using react router

[@govindbisen388]

Wtf is this easy?

[@Ali-rz6bn]

First

[@_remma]

240th

[@lamhung4899]

This is totally a lie.

[@lonewolf7704]