The End Of React Router

Рет қаралды 78,330

2 ай бұрын

React Router was an essential part of the success of React. It is finally dead. Let's talk about why, including a bunch of Remix chatter.
SOURCES
/ 1767560366027129211
github.com/molefrog/wouter
Check out my Twitch, Twitter, Discord more at t3.gg
S/O Ph4se0n3 for the awesome edit 🙏

Пікірлер: 217

@AquaQuokka 2 ай бұрын

I'm not sure how to React to this.

@gillall4828 2 ай бұрын

Just go to react router npm package and follow the instructions.

@Redditard 2 ай бұрын

I really can't Express my feelings and what the Next steps should be.

@AquaQuokka 2 ай бұрын

@@Redditard I couldn't have asked for a better reply 😂

@cetincetindag 2 ай бұрын

this really brought a new point of Vue to the subject. We should all take Nodes

@cslearn3044 2 ай бұрын

Bruh @@gillall4828

@william383 2 ай бұрын

Imagine showing this madness to someone who is unfamiliar with or new to webdev

@bm1259 2 ай бұрын

i am this person i havent even gotten to all of the js nonsense yet. ive just been reading about the history of http and html for now on mdn

@bytehala 2 ай бұрын

Heck I’ve been at it for almost 10 years and it still makes me nauseous. 😅 For 90% of web dev you just pick a technology and run with it.

@DotSquall 2 ай бұрын

This is me, learning JS at the moment and looking into technologies and frameworks to look for. It is quite overwhelming, but everyday I learn something new. I'll get there eventually.

@tobyzieglerrr 2 ай бұрын

Absolute insanity... i will never go near any React if i can

@edism 2 ай бұрын

They won't need to care if they use php and laravel or rails and get on with being productive instead of jumping on the bandwagon.

@rubberdork 2 ай бұрын

The final breaking change. They've been preparing us for this for years

@S4ntia60 2 ай бұрын

it is so relieving that i don't know any of what this video is about

@jitx2797 2 ай бұрын

What if turbopack and rolldown team combines??? They are trying to build same thing right?? In the same language

@romanr5962 2 ай бұрын

Damn guys are you still in 2014 with these 'first,seconds...' ridiculous. I'm 8th btw

@SupertigerDev 2 ай бұрын

💀

@MadsterV 2 ай бұрын

sometimes I wish I was still in 2014

@skaffen Ай бұрын

First

@roodood 2 ай бұрын

Figuratively, in the last 10 years, all of web dev took a ride to the client and now back to the server. I am not confident though that our tools are now 10 years better than what we had 10 years ago. I think the biggest one that I feel day to day is actually just Tailwind, which is pretty orthogonal to that whole development. And Browsers got a lot better, too.

@ScottJohnson-cf8fk Ай бұрын

As someone newer to learning this, is it more worthwhile to focus on React or to focus on Next for the eventual job search this summer? I know the main difference is client vs server obviously but I see more Next tutorials than React specific ones these days

@muchirajunior9751 2 ай бұрын

Funny i still don't see how this replace React router Dom. Worse is nextjs looks more like a mess in a dynamic large scale.

@karthi290598 2 ай бұрын

I have a question. In next js app router, what is the best way to set default route example default route of my site should be '/dashboard' instead of '/'

@user-ik7rp8qz5g 2 ай бұрын

Redirect in config or middleware

@pyrocentury 2 ай бұрын

@@user-ik7rp8qz5g nah, what he's asking for is setting the basePath in the nextjs configs.

@woodylucas 2 ай бұрын

Are you using Alfred and dash for your hotkeys?

@studiousllama4776 2 ай бұрын

This was super interesting. I would love a breakdown of Rolldown at some point.

@destroyonload3444 2 ай бұрын

WTF are they talking about? This has already been available with Vite without Remix for many months. It's incredibly easy to do with minimal configurations. I don't get what it is they're trying to take credit for, they didn't actually do anything new.

@hamm8934 2 ай бұрын

Welcome to the react ecosystem lol I had the same reaction as you

@backupmemories897 2 ай бұрын

xD they making it sounds like revolutionary xD

@safarl45 2 ай бұрын

Yea nothing new but they did create it in the first place

@ra-dro 2 ай бұрын

Mind sharing more details? What exactly was available and where to read this. I'm not really familiar with those things, but now interested.

@SkandiaAUS 2 ай бұрын

@@ra-dro they're talking about Remix the web framework. Check it out because it's genuinely interesting the way they approach web app development within a single file for frontend and backend, and their routing is convention over config.

@Saeid-Za 2 ай бұрын

Great video, thanks theo ! One thing i never understand, why force this server-first behaviour? Splitted SPA has stil it usage primarily in dashboard websites, where server rendering stuff does not bring much to the table and forces the developers to setup a next server to deploy a dashboard website, not to mention the mismatch errors in highly dynamic pages and forcing on cookie based authentication for SSR to work. (SSR doesn't work with JWT for example) With SPA it could be easily be hosted on a simple http server to serve static files. I understand the benefit of the server model but let me choose when i want Server component, SSR or SPA. ALL I'm saying is that these decisions shouldn't be taken for developers, let them opt in for every page they want. IMO this is one of the primary reasons Remix got the attention it deserved, it filled a gap created with deprecation of CRA. This is the primary reason i think folks at nuxt approached these problems really carefully and delivered the best of both worlds with developers in control, sadly it is not as advertised as other "fancy" things in other communities.

@catalystcorp 2 ай бұрын

react-router has been a dumpster fire for ages. They constantly released new major versions with breaking changes, and by the time you got migrated over they had released a new major version with more breaking changes. I’m glad to see it go.

@JLarky 2 ай бұрын

I don't think "paid template for react router" is a fair way to talk about Remix, even very early versions

@hannad 2 ай бұрын

Bundler wars is true. It hurt to see so many tools doing the exact same thing. JavaScript devs are wild

@finnwillows6031 2 ай бұрын

What a great explanation of the bundler landscape. Thanks!

2 ай бұрын

Which drawing app is that?

@alexandrodisla6285 2 ай бұрын

Men I don’t know why I didn’t stick to Flutter

@brandonmansfield6570 2 ай бұрын

Grass is not greener.

@kazishahinDe 2 ай бұрын

In angular, we only use angular routing and happily live after

@oggy112 2 ай бұрын

angular and happy don't go in the same sentence :/

@backupmemories897 2 ай бұрын

true xD been using angular since version 2 and its version 17 now hahaha

@jitx2797 2 ай бұрын

angular devs have got fetish for java and C# and they can't accept that

@wojtek5693 2 ай бұрын

@@mac.ignacio lmao no. When we are talking about frontend components as functions are better than classes

@lulzmachineify 2 ай бұрын

@@wojtek5693 I mean yeah maybe. It has created a hole bunch of issues to deal with. Maybe in the end it will be better. But not having to go on this wild wild ride would also have been quite nice

@talhabytheway 2 ай бұрын

So what's Next?

@bigboxSWE 2 ай бұрын

6:38 deserves a screenshot + tweet

@HikaruAkitsuki 2 ай бұрын

Is that Vite is already have Remix when you initialize npx create-vite-app? What's gonna be a difference if Remix themselves turn the Vanila Remix to Vite?

@jamjamatt8 Ай бұрын

oop. Post React Conf it seems like it's the other way around 😬

@neofox2526 2 ай бұрын

Man you guys had to manual make webpack configs back in the day? I really came in at the right time

@kevinmueller5376 Ай бұрын

Well... speaking of enterprise projects, I had to do that until just about 8 months ago.

@dwhxyz 2 ай бұрын

Thanks Theo - this video is perfect timing for me. I'm just about to embark on starting a new React project for work which is going to be pure SPA (with a C# .NET on the server side). I've been debating between using NextJS and Vite for a while now. Perhaps Remix with its SPA mode along with Vite would be the best option now ?

@everythingisfine9988 2 ай бұрын

If you're going to do a traditional spa, vite react app is sufficient

@CoffeeToCode11 2 ай бұрын

React + Vite should do the trick, at this point IMO Blazor is not a bad alternative either

@justinbarca1835 2 ай бұрын

I like the look of this whiteboarding app you're using, anyone know what it is?

@JoeAguado Ай бұрын

excalidraw

@cetincetindag 2 ай бұрын

I wish react had a router of their own like these libraries and we didn't need another imports for basic functionality... great news nonetheless

@SXsoft99 2 ай бұрын

react was at way a way to manipulate the dom, just drop in a project and add events

@GavinusMaximusMaster 2 ай бұрын

Didn't you make a video a year ago about Tanstack saying it was the end of React Router?

@prestigealanazi2993 2 ай бұрын

I would rather use blazor , at this point js world is so messy that even intermediate developers wouldn't have a clue the nice thing about lazor is that you can use when ever needed both in the frontend and backend (polyglot programming) but still need slightly better DX and community support ! , ( did I mentioned you can warp react components ? )

@coffeemakir1977 2 ай бұрын

I started learning react years ago,had to stop. Not enough prior knowledge + everything breaking. But It's been fun watching😅

@igrb 2 ай бұрын

Damn axiom will be on remix at some point then didn't see it coming

@yhzh755 2 ай бұрын

How about Rspack?

@neofox2526 2 ай бұрын

Got clickbaited but learnt about JS bundlers so its not so bad

@vytorbrb3568 7 күн бұрын

So as a long term developer working with React Router & (DOM) my intellectual property is safe for this future (next 5y)?

@eikyoutube 2 ай бұрын

The thing I hate about you is the bait titles you put. You literally put "_ is Dead"

@mariocamspam72 2 ай бұрын

Don't hate the playa, hate the game

@eikyoutube 2 ай бұрын

@@mariocamspam72 true

@mamurdadkhan9068 2 ай бұрын

Fuck, I just learned it and you telling me it is dead?!?

@lonelyboy4033 2 ай бұрын

lol

2 ай бұрын

I really believe Remix should get more hype from the community.

@IvanKleshnin 2 ай бұрын

I was hyped... for a few days. Then realized that form-based actions are untyped (unlike what we currently have at work with Zodios), that there's no adequate monorepo example, that docs are very shallow. Not sure if it's worth the hype, at least not with React at the core. SvelteKit and SolidStart look more interesting IMO.

2 ай бұрын

Your title says "the end", you description says "finally dead", but then you say that the project might be merging, which means that React Router is very much here to stay. Do you… want it gone for some reason? Has the React community been complaining about its existence? Why did you think it was important to announce this as a fact based on a single thread, and then proceed to not talk about the subject anymore?

@safarl45 2 ай бұрын

Views

@stoogel 2 ай бұрын

First you write the clickbait, then you get the views, then you get the clout

@svenst 2 ай бұрын

Cool! But how about Nuxt? Would love to see Nuxt in this comparison 👍

@t3dotgg 2 ай бұрын

Nuxt works identical to old next in this, but uses Vite now. Generally speaking, the innovation on the Nuxt side is in the dev tools and features, not the technical implementations

@quintencabo 2 ай бұрын

@@t3dotgg they also made nitro

@Abdullah-yq7jp 2 ай бұрын

Not sure how I feel about 10 largest react code bases all using react router, Facebook afaik is not, twitch, reddit yes, what others though?

@justjoshingaround 2 ай бұрын

Funny enough, I actually liked making my Webpack configs. It was awesome to use openly available plugins to optimize my own code! However, I love the way things are going with things like Parcel: obfuscate the build details and get the best optimizations out of the box.

@ivanfilhoz 2 ай бұрын

I love Parcel. Not sure how Vite became the standard so quick when Parcel has been doing the right thing for years.

@asdqwe4427 2 ай бұрын

Wohoo let's break everything again

@Exilum 2 ай бұрын

Guys, yes Vite provides its own SSR paradigm, here we're talking about frameworks that have much more than a bundler.

@ratanlambha2602 2 ай бұрын

looking cool in this hairstyle bro

@hamburger--fries 2 ай бұрын

Tanstack Router is AMAZING!!!!

@HyuLilium 2 ай бұрын

Maybe. But tanstack table is trash

@CoolPupGaming 2 ай бұрын

Another reason i use Angular. From v2 to v17 we always use the included router module unlike react where you can use react router (which isn't even made by the react team), vite, or routers built into next js, gatsby. Its a nightmare, where is the consistency?

@AliHassan-iy1eb 2 ай бұрын

honestly this was an amazing video, very informal love Theo

@gownerjones 2 ай бұрын

The information came from tweets and articles he reads out loud. Great content, reading other people's stuff out loud.

@nuntius1 2 ай бұрын

lol

@AliHassan-iy1eb 2 ай бұрын

@@gownerjones who hurt you bro

@_Sajgon_ 2 ай бұрын

React Router when you use JS and don't care about putting routes path in any const or strict architecture way: Welcome traveller! React Router when you trying use it with TS with strict routing: *Goes brrrrrrrrrr*

@adiswa123 2 ай бұрын

I would love to see a video on why you think Next.js with app router has a better data loading + mutation story than Remix. Because imo Remix is miles better than what I see in Next.

@t3dotgg 2 ай бұрын

- It's composable That's about it

@oscarljimenez5717 2 ай бұрын

Composabilty my friend.

@ruaidhrilumsden 2 ай бұрын

Yeah as much as I'm a Remix fan boy, I find data loading being tied to components rather than routes a more intuitive mental model - but I suppose that's because my brain has been so infected by React SPAs and their data loading patterns over the years!

@blessdarah1256 2 ай бұрын

Remix for the RUN!!!

@AnudeepDONDONDONRlol 2 ай бұрын

i was just LEARNING react router

@vytorbrb3568 7 күн бұрын

Very informative, Hey Theo do u really want to know why i follow your content? I'm 29y Fullstack dev (Node+React) since late 2018 Now days Sr. Software Engineer working remotely with American contracts I WANT TO KNOW IF MY BOOK VALUE (ALL THE SHIT I'VE LEARNED SO FAR) IS STILL HIGH IN THE GOD DAMNED MARKET! simply as that, nothing more, nothing less

@abdulrahamantalal1319 2 ай бұрын

you have uploaded 3 videos already saying react router ended already, that is confusing for beginners and people watching you trying to improve. I tried other options you share and just threw them away for the basic most used react router. Seems like the focus is merely on the tools rather on the products.

@alexenax1109 2 ай бұрын

Finally!

@gkiokan 2 ай бұрын

Will check this later but I love to see how Vue is consistent on it's upgrades without having breaking changes. I have the feeling Reacts gets more and more like Angular by all the latest updates that it introduces?

@KevinVandyTech 2 ай бұрын

React itself famously has had almost no breaking changes. Vue 3 had a ton of breaking changes. So what are you talking about?

@gkiokan 2 ай бұрын

@@KevinVandyTech I am talking about all the changes that lately happend to React that devs are complaining about that resolved into rewriting existing code (mostly). Not sure which breaking Changes you mean on Vue 3 but I can tell you it's by far simpler, even you can get into complex syntax like on React, too. But the question is, why would do that freely if you can get the same result with less hassle? Not gonna protect Vue over React or anything, just saying what I noticed from most of the devs out there. But still prefer Vue over React.

@werneromling 2 ай бұрын

Wow, I've seen the video in the minute it came out!

@AdrianFrimpong 2 ай бұрын

make that rolldown vid plzzz!!!

@i_am_pasindu 2 ай бұрын

Okay, I am back to farming again

@omri9325 2 ай бұрын

Why all the router libs for react suck if you use it as SPA?

@eran2670 2 ай бұрын

love ya

@bluecup25 2 ай бұрын

It's the eeend of react router as we know it.

@xX_dash_Xx 2 ай бұрын

bro i don't get why there is so much shit always changing in the web dev world when like 99% of people use 3 websites 99% of the time they browse. and they fucking browse on their phones!

@JakobRossner-qj1wo 2 ай бұрын

That Turbopack isnt moving is such a tragedy.

@erikslorenz 2 ай бұрын

I hate all this lol. Client side routing has always been kinda goofy but at least it was simple

@danilovukovic1972 2 ай бұрын

my man invented a new content branch. "pop-web-dev"

@JEsterCW 2 ай бұрын

Remix❤

@ruaidhrilumsden 2 ай бұрын

❤ Big time!

@DevLife717 2 ай бұрын

Web dev is a hot mess! It all needs to be razed to the ground and started anew. HTML, CSS and JavaScript needs to be dumped. Replaced with what I don’t know maybe something grounded in web assembly but this video is proof to me that it all needs a major overhaul. Otherwise this churn is just going to get worse.

@CottidaeSEA 2 ай бұрын

JavaScript. I love it.

@griffadev 2 ай бұрын

For react router to become remix companies would have to get off web pack first lmao

@DoctorSoulis 2 ай бұрын

Than god I moved to Laravel.

@doc8527 2 ай бұрын

TLDR: Next version of "React Router" may or may not merge/flow into "Remix Router", hence the install package naming might change for the end users (devs), depending on the decision. If you are so panic with your comment, you just don't watch the first 1min of the video. Well, as least you know the news because of the clickbait, better than later panic about why React Router never got updated (if they change to remix router), and asked some random questions in github repo or reddit or twitter or whatever, and blame the maintainers.

@bhanusharma2363 2 ай бұрын

War of bundlers??

@WilliamShrek 2 ай бұрын

This is emotional damage to React Router users.

@oliver970 2 ай бұрын

Why are you awake at 4 am 🤣

@BugMug09 2 ай бұрын

Finally

@jesustzinon 2 ай бұрын

i just started a project with react router lmao

@user-be3cd4cx3o 2 ай бұрын

Googles "what's a bundler"

@jamesking2439 2 ай бұрын

I have never understood the need for routing and state management libraries. Those have always been easy to write by hand and have been a minuscule fraction of my projects. I feel like I'm taking crazy pills.

@maduemeka6982 2 ай бұрын

Very smart man 🎉🎉🎉

@zaripych 2 ай бұрын

Super useful breakdown on bundlers chaos ❤

@DanKreiger 2 ай бұрын

as such

@jwoods9659 2 ай бұрын

This is stupid I moved on the VUE

@georgiyanev7822 2 ай бұрын

Yes, webpack sucks and doesn't suck at the same time. Because I remember all those years ago that it did the job and am grateful for it even if it's not the best anymore.

@adeptiworks 2 ай бұрын

If you're not building eCommerce, SPA is the way to go usually. Wonder why Remix team took so long to realize it.

@chhornponleu8191 2 ай бұрын

no react router better than react router. it's time to move on

@sunnyheheheh9401 2 ай бұрын

Im 12th 😂

@tabletuser123 2 ай бұрын

For those curious, there are 1.4k likes and 600 dislikes as of right now. Lmao

@vorche_ 2 ай бұрын

ay the clickbaits are strong

@rsrini7 2 ай бұрын

clickbait = 100,000 dislikes (youtube can hide)

@domdirector 2 ай бұрын

soydevs

@nuntius1 2 ай бұрын

the end of react youtuber

@KWerder92 2 ай бұрын

37th

@debanjantewary4454 2 ай бұрын

First 😁

@igorsantos07 2 ай бұрын

ugh, what a clickbait

@turculaurentiu91 2 ай бұрын

This video sells HTMX so bad 😁

@hanse81 2 ай бұрын

Funny how a washed up KZfaqr can have a better grade then you on Social Blade. I am also offended that Social Blade thinks he can have 16.5M views in the last month while you, God himself, the best creator ever, said he only got 30k views on his videos.

@emmanuelchucks 2 ай бұрын

I want to be first comment so bad (Don't delete this)

@t3dotgg 2 ай бұрын

Sadly you are 4th

@tuminspace 2 ай бұрын

I shall be 7th@@t3dotgg

@emmanuelchucks 2 ай бұрын

@@t3dotgg Damn it

@mattiarasulo9934 2 ай бұрын

You are first now!

@lumberjack5880 2 ай бұрын

@@t3dotggwhy are you so dedicated to slandering DarkViperAU's name? you're clearly being petty about the fact that a company didn't want you to post your "reaction" to their video that they worked so hard on! Yet you feel that the company is in the wrong and that you have all the power in the world to do whatever you want, even if it's with someone else's content. I could imagine if your wife told you to turn left, you'd probably turn right instead since you think you're just so powerful and you're always correct no matter the situation. Get a grip and maybe go buy some common sense bud!