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

[@joe-robin]

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

[@hyperprotagonist]

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

[@statuschannel8572]

Truee 😂

[@saksham_1612]

😂😂😂

[@Jishanthegodev]

*Dom

[@vanhellsing3029]

yes

[@jamshediqbal7936]

Haha it's funny but true

[@thebenkalungi]

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

[@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.

[@swaroopkanakam8684]

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

[@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

[@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

[@oussamasethoum1665]

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

[@BliitzPint]

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

[@sohamnandi7526]

We need an end to end tutorial

[@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.

[@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?

[@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?

[@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!

[@ardianhotii]

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

[@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... 😂

[@xya6648]

Congrats on the mac!

[@orzarhi]

Josh, enjoy your new Mac! 😅

[@joshtriedcoding]

YESSIR

[@anasouardini]

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

[@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.

[@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

[@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.

[@iury664]

it is unbound from react tree ?

[@iury664]

well "parallel Route Loaders" hahah nice

[@capztube9069]

Outlet is too good to gloss over!

[@omarkraidie]

So what about next?

[@jitxhere]

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

[@jayandran2007]

Remix is better if you understand how it works.

[@zakir.nuriiev]

Cool review! Thank you!

[@pradyumnaramesh4226]

josh moved to mac?

[@prashlovessamosa]

Please make more comprehensive Tut on this please.

[@0xtz_]

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

[@divyanshm.2276]

this is great

[@samwise8731]

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

[@zakidzz]

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

[@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

[@LlamaPony]

💥

[@khaledsanny4817]

So much boilerplate 😅

[@TheIpicon]

Vercel should take some pointers

[@preetam-raj]

Sorry! I will go with NextJS

[@dantelooper2283]

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

[@disinfect777]

react devs use nextjs anyway

[@barcalover016]

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

[@nerd2544]

in Vue there is official Vue Router and it has the same functionalities shown here but the syntax and coding is 10000% easier, I hate React syntax with the JSX/CSSinJS and functions making everything 10x more complicated. This framework needs to die why is it even the most popular man.

[@Tifidy]

this was ridiciliously helpfull thanks

[@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

[@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🙄

[@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

[@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?

[@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

[@DaPaBe1999]

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

[@alex_uzbek]

im coming from svelte, didn't like react at all because of next, but tanstack router is the reason why i choose react for my projects

[@ivangechev4243]

Outlet is for putting children

[@electroheadfx]

incroyable, its too fast ;) thx

[@ehm-wg8pd]

enough of click bait

[@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.

[@lamhung4899]

This is totally a lie.

[@johnsoto7112]

Or use nextjs!!

[@govindbisen388]

Wtf is this easy?

[@paw565]

I think it's easier to just use next js

[@FranFiori94]

You will probably switch to Remix in the future so i think ull be using react 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.

[@Ali-rz6bn]

First

[@_remma]

240th

[@lonewolf7704]