The End Of React Router
ฝัง
- เผยแพร่เมื่อ 28 ส.ค. 2024
- 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/mol...
Check out my Twitch, Twitter, Discord more at t3.gg
S/O Ph4se0n3 for the awesome edit 🙏
I'm not sure how to React to this.
Just go to react router npm package and follow the instructions.
I really can't Express my feelings and what the Next steps should be.
@@Redditard I couldn't have asked for a better reply 😂
this really brought a new point of Vue to the subject. We should all take Nodes
Bruh @@gillall4828
Imagine showing this madness to someone who is unfamiliar with or new to webdev
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
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.
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.
Absolute insanity... i will never go near any React if i can
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.
The final breaking change. They've been preparing us for this for years
it is so relieving that i don't know any of what this video is about
Damn guys are you still in 2014 with these 'first,seconds...' ridiculous. I'm 8th btw
💀
sometimes I wish I was still in 2014
First
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.
The thing I hate about you is the bait titles you put. You literally put "_ is Dead"
Don't hate the playa, hate the game
@@mariocamspam72 true
@@mariocamspam72 wdym
What if turbopack and rolldown team combines??? They are trying to build same thing right?? In the same language
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.
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
I don't think "paid template for react router" is a fair way to talk about Remix, even very early versions
oop. Post React Conf it seems like it's the other way around 😬
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.
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?
Views
First you write the clickbait, then you get the views, then you get the clout
hes just all this bs for views
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.
Welcome to the react ecosystem lol
I had the same reaction as you
xD they making it sounds like revolutionary xD
Yea nothing new but they did create it in the first place
Mind sharing more details? What exactly was available and where to read this. I'm not really familiar with those things, but now interested.
@@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.
In angular, we only use angular routing and happily live after
angular and happy don't go in the same sentence :/
true xD been using angular since version 2 and its version 17 now hahaha
angular devs have got fetish for java and C# and they can't accept that
@@mac.ignacio lmao no. When we are talking about frontend components as functions are better than classes
@@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
So what's Next?
6:38 deserves a screenshot + tweet
Got clickbaited but learnt about JS bundlers so its not so bad
Men I don’t know why I didn’t stick to Flutter
Grass is not greener.
Bundler wars is true. It hurt to see so many tools doing the exact same thing. JavaScript devs are wild
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
react was at way a way to manipulate the dom, just drop in a project and add events
Fuck, I just learned it and you telling me it is dead?!?
lol
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.
I really believe Remix should get more hype from the community.
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.
This was super interesting. I would love a breakdown of Rolldown at some point.
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 ? )
So as a long term developer working with React Router & (DOM) my intellectual property is safe for this future (next 5y)?
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 '/'
Redirect in config or middleware
@@user-ik7rp8qz5g nah, what he's asking for is setting the basePath in the nextjs configs.
Guys, yes Vite provides its own SSR paradigm, here we're talking about frameworks that have much more than a bundler.
Are you using Alfred and dash for your hotkeys?
Didn't you make a video a year ago about Tanstack saying it was the end of React Router?
Tanstack Router is AMAZING!!!!
Maybe. But tanstack table is trash
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*
Which drawing app is that?
I like the look of this whiteboarding app you're using, anyone know what it is?
excalidraw
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.
- It's composable
That's about it
Composabilty my friend.
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!
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?
What a great explanation of the bundler landscape. Thanks!
honestly this was an amazing video, very informal
love Theo
The information came from tweets and articles he reads out loud. Great content, reading other people's stuff out loud.
lol
@@gownerjones who hurt you bro
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
Man you guys had to manual make webpack configs back in the day? I really came in at the right time
Well... speaking of enterprise projects, I had to do that until just about 8 months ago.
Wohoo let's break everything again
ugh, what a clickbait
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?
How about Rspack?
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.
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 ?
If you're going to do a traditional spa, vite react app is sufficient
React + Vite should do the trick, at this point IMO Blazor is not a bad alternative either
JavaScript. I love it.
I just found out react-router 6 has very poor TypeScript support. In 2024. How can it be so popular?
This is emotional damage to React Router users.
looking cool in this hairstyle bro
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.
For those curious, there are 1.4k likes and 600 dislikes as of right now..
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?
Cool! But how about Nuxt? Would love to see Nuxt in this comparison 👍
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
@@t3dotgg they also made nitro
I started learning react years ago,had to stop. Not enough prior knowledge + everything breaking. But It's been fun watching😅
Than god I moved to Laravel.
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.
I love Parcel. Not sure how Vite became the standard so quick when Parcel has been doing the right thing for years.
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!
Remix❤
❤ Big time!
my man invented a new content branch. "pop-web-dev"
Why all the router libs for react suck if you use it as SPA?
Damn
axiom will be on remix at some point then
didn't see it coming
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.
i was just LEARNING react router
Okay, I am back to farming again
no one cares about your content bro lmao
@@aryanram02 lmaooo exactly
Googles "what's a bundler"
Remix for the RUN!!!
War of bundlers??
the end of react youtuber
For react router to become remix companies would have to get off web pack first lmao
love ya
It's the eeend of react router
as we know it.
Why are you awake at 4 am 🤣
That Turbopack isnt moving is such a tragedy.
This is stupid I moved on the VUE
I hate all this lol. Client side routing has always been kinda goofy but at least it was simple
ay the clickbaits are strong
make that rolldown vid plzzz!!!
Finally!
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.
Funny how a washed up TH-camr 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.
no react router better than react router. it's time to move on
Very smart man 🎉🎉🎉
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.
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?
React itself famously has had almost no breaking changes. Vue 3 had a ton of breaking changes. So what are you talking about?
@@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.
clickbait = 100,000 dislikes (youtube can hide)
Finally
i just started a project with react router lmao
Wow, I've seen the video in the minute it came out!
This video sells HTMX so bad 😁
If you're not building eCommerce, SPA is the way to go usually. Wonder why Remix team took so long to realize it.
as such
Super useful breakdown on bundlers chaos ❤
soydevs
React router has been going in the wrong direction anyway. They introduced all these data fetching hooks and try to do way too much. It should've sticked to just being a router. But then again react router is probably the most amateuristic/incompetent library that somehow is still popular. The amount of complete rewrites over the year is staggering.
This is why I am a back end dev
Im 12th 😂
37th