Тёмный

The End Of React Router 

Theo - t3․gg
Подписаться 346 тыс.
Просмотров 81 тыс.
50% 1

Опубликовано:

 

22 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 224   
@AquaQuokka
@AquaQuokka 7 месяцев назад
I'm not sure how to React to this.
@gillall4828
@gillall4828 7 месяцев назад
Just go to react router npm package and follow the instructions.
@Redditard
@Redditard 7 месяцев назад
I really can't Express my feelings and what the Next steps should be.
@AquaQuokka
@AquaQuokka 7 месяцев назад
​@@Redditard I couldn't have asked for a better reply 😂
@cetincetindag
@cetincetindag 7 месяцев назад
this really brought a new point of Vue to the subject. We should all take Nodes
@cslearn3044
@cslearn3044 7 месяцев назад
Bruh ​@@gillall4828
@william383
@william383 7 месяцев назад
Imagine showing this madness to someone who is unfamiliar with or new to webdev
@bm1259
@bm1259 7 месяцев назад
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
@bytehala 7 месяцев назад
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
@DotSquall 7 месяцев назад
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
@tobyzieglerrr 7 месяцев назад
Absolute insanity... i will never go near any React if i can
@edism
@edism 7 месяцев назад
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.
@S4ntia60
@S4ntia60 6 месяцев назад
it is so relieving that i don't know any of what this video is about
@rubberdork
@rubberdork 7 месяцев назад
The final breaking change. They've been preparing us for this for years
@catalystcorp
@catalystcorp 6 месяцев назад
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.
@roodood
@roodood 7 месяцев назад
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
@ScottJohnson-cf8fk 6 месяцев назад
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
@romanr5962
@romanr5962 7 месяцев назад
Damn guys are you still in 2014 with these 'first,seconds...' ridiculous. I'm 8th btw
@SupertigerDev
@SupertigerDev 7 месяцев назад
💀
@MadsterV
@MadsterV 7 месяцев назад
sometimes I wish I was still in 2014
@skaffen
@skaffen 5 месяцев назад
First
@jitxhere
@jitxhere 7 месяцев назад
What if turbopack and rolldown team combines??? They are trying to build same thing right?? In the same language
@muchirajunior
@muchirajunior 7 месяцев назад
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.
@gustavstreicher4867
@gustavstreicher4867 19 дней назад
Vite is the key omponent here. Vite is replacing the Remix compiler, which makes Remix super close to what React Router + Vite does already.
@JLarky
@JLarky 7 месяцев назад
I don't think "paid template for react router" is a fair way to talk about Remix, even very early versions
@LailahaillahChannel
@LailahaillahChannel 7 месяцев назад
In angular, we only use angular routing and happily live after
@oggy112
@oggy112 7 месяцев назад
angular and happy don't go in the same sentence :/
@backupmemories897
@backupmemories897 7 месяцев назад
true xD been using angular since version 2 and its version 17 now hahaha
@jitxhere
@jitxhere 7 месяцев назад
angular devs have got fetish for java and C# and they can't accept that
@wojtek5693
@wojtek5693 7 месяцев назад
​@@mac.ignacio lmao no. When we are talking about frontend components as functions are better than classes
@lulzmachineify
@lulzmachineify 7 месяцев назад
@@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
@neofox2526
@neofox2526 7 месяцев назад
Got clickbaited but learnt about JS bundlers so its not so bad
@Saeid-Za
@Saeid-Za 7 месяцев назад
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.
@destroyonload3444
@destroyonload3444 7 месяцев назад
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
@hamm8934 7 месяцев назад
Welcome to the react ecosystem lol I had the same reaction as you
@backupmemories897
@backupmemories897 7 месяцев назад
xD they making it sounds like revolutionary xD
@safarl45
@safarl45 7 месяцев назад
Yea nothing new but they did create it in the first place
@ra-dro
@ra-dro 6 месяцев назад
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
@SkandiaAUS 6 месяцев назад
​​​@@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.
@cetincetindag
@cetincetindag 7 месяцев назад
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
@SXsoft99 7 месяцев назад
react was at way a way to manipulate the dom, just drop in a project and add events
@alexandrodisla6285
@alexandrodisla6285 7 месяцев назад
Men I don’t know why I didn’t stick to Flutter
@brandonmansfield6570
@brandonmansfield6570 6 месяцев назад
Grass is not greener.
@jamjamatt8
@jamjamatt8 5 месяцев назад
oop. Post React Conf it seems like it's the other way around 😬
@hannad
@hannad 7 месяцев назад
Bundler wars is true. It hurt to see so many tools doing the exact same thing. JavaScript devs are wild
@mamurdadkhan9068
@mamurdadkhan9068 6 месяцев назад
Fuck, I just learned it and you telling me it is dead?!?
@lonelyboy4033
@lonelyboy4033 6 месяцев назад
lol
@gustavstreicher4867
@gustavstreicher4867 19 дней назад
It's just clickbait. Theo is an internet troll.
@bigboxSWE
@bigboxSWE 7 месяцев назад
6:38 deserves a screenshot + tweet
7 месяцев назад
I really believe Remix should get more hype from the community.
@IvanKleshnin
@IvanKleshnin 6 месяцев назад
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.
@talhabytheway
@talhabytheway 7 месяцев назад
So what's Next?
@gustavstreicher4867
@gustavstreicher4867 19 дней назад
React Router 7
@studiousllama4776
@studiousllama4776 7 месяцев назад
This was super interesting. I would love a breakdown of Rolldown at some point.
@Exilum
@Exilum 7 месяцев назад
Guys, yes Vite provides its own SSR paradigm, here we're talking about frameworks that have much more than a bundler.
@prestigealanazi2993
@prestigealanazi2993 7 месяцев назад
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 ? )
@_Sajgon_
@_Sajgon_ 7 месяцев назад
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*
7 месяцев назад
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
@safarl45 7 месяцев назад
Views
@stoogel
@stoogel 7 месяцев назад
First you write the clickbait, then you get the views, then you get the clout
@jpxtv69
@jpxtv69 2 месяца назад
hes just all this bs for views
16 дней назад
⁠@@gustavstreicher4867 yeah, I took the bait. The silver lining is that the title of this video aged very poorly 😅
@hamburger--fries
@hamburger--fries 7 месяцев назад
Tanstack Router is AMAZING!!!!
@HyuLilium
@HyuLilium 6 месяцев назад
Maybe. But tanstack table is trash
@eikyoutube
@eikyoutube 7 месяцев назад
The thing I hate about you is the bait titles you put. You literally put "_ is Dead"
@mariocamspam72
@mariocamspam72 6 месяцев назад
Don't hate the playa, hate the game
@eikyoutube
@eikyoutube 6 месяцев назад
@@mariocamspam72 true
@jpxtv69
@jpxtv69 2 месяца назад
@@mariocamspam72 wdym
@justjoshingaround
@justjoshingaround 7 месяцев назад
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
@ivanfilhoz 7 месяцев назад
I love Parcel. Not sure how Vite became the standard so quick when Parcel has been doing the right thing for years.
@finnwillows6031
@finnwillows6031 7 месяцев назад
What a great explanation of the bundler landscape. Thanks!
@adiswa123
@adiswa123 7 месяцев назад
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
@t3dotgg 7 месяцев назад
- It's composable That's about it
@oscarljimenez5717
@oscarljimenez5717 7 месяцев назад
Composabilty my friend.
@ruaidhrilumsden
@ruaidhrilumsden 7 месяцев назад
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!
@coffeemakir1977
@coffeemakir1977 7 месяцев назад
I started learning react years ago,had to stop. Not enough prior knowledge + everything breaking. But It's been fun watching😅
@Realswagoverlord
@Realswagoverlord 7 месяцев назад
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?
@doc8527
@doc8527 6 месяцев назад
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.
@asdqwe4427
@asdqwe4427 7 месяцев назад
Wohoo let's break everything again
@vytorbrb3568
@vytorbrb3568 4 месяца назад
So as a long term developer working with React Router & (DOM) my intellectual property is safe for this future (next 5y)?
@dwhxyz
@dwhxyz 7 месяцев назад
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
@everythingisfine9988 7 месяцев назад
If you're going to do a traditional spa, vite react app is sufficient
@CoffeeToCode11
@CoffeeToCode11 7 месяцев назад
React + Vite should do the trick, at this point IMO Blazor is not a bad alternative either
@neofox2526
@neofox2526 7 месяцев назад
Man you guys had to manual make webpack configs back in the day? I really came in at the right time
@kevinmueller5376
@kevinmueller5376 6 месяцев назад
Well... speaking of enterprise projects, I had to do that until just about 8 months ago.
@igrb
@igrb 6 месяцев назад
Damn axiom will be on remix at some point then didn't see it coming
@GavinusMaximusMaster
@GavinusMaximusMaster 6 месяцев назад
Didn't you make a video a year ago about Tanstack saying it was the end of React Router?
@EdwinMartin
@EdwinMartin 2 месяца назад
I just found out react-router 6 has very poor TypeScript support. In 2024. How can it be so popular?
@danilovukovic1972
@danilovukovic1972 6 месяцев назад
my man invented a new content branch. "pop-web-dev"
@AliHassan-iy1eb
@AliHassan-iy1eb 7 месяцев назад
honestly this was an amazing video, very informal love Theo
@gownerjones
@gownerjones 7 месяцев назад
The information came from tweets and articles he reads out loud. Great content, reading other people's stuff out loud.
@nuntius1
@nuntius1 7 месяцев назад
lol
@AliHassan-iy1eb
@AliHassan-iy1eb 7 месяцев назад
@@gownerjones who hurt you bro
@justinbarca1835
@justinbarca1835 6 месяцев назад
I like the look of this whiteboarding app you're using, anyone know what it is?
@JoeAguado
@JoeAguado 5 месяцев назад
excalidraw
@AnudeepDONDONDONRlol
@AnudeepDONDONDONRlol 7 месяцев назад
i was just LEARNING react router
@svenst
@svenst 7 месяцев назад
Cool! But how about Nuxt? Would love to see Nuxt in this comparison 👍
@t3dotgg
@t3dotgg 7 месяцев назад
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
@quintencabo 6 месяцев назад
​@@t3dotgg they also made nitro
@HikaruAkitsuki
@HikaruAkitsuki 7 месяцев назад
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?
@Joshua.Developer
@Joshua.Developer 22 дня назад
All these changes are silly I'm going to the backend.
@Abdullah-yq7jp
@Abdullah-yq7jp 7 месяцев назад
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?
@karthi290598
@karthi290598 7 месяцев назад
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 '/'
@virtual5754
@virtual5754 7 месяцев назад
Redirect in config or middleware
@pyrocentury
@pyrocentury 7 месяцев назад
@@virtual5754 nah, what he's asking for is setting the basePath in the nextjs configs.
@grugbrain
@grugbrain 7 месяцев назад
This is emotional damage to React Router users.
@CottidaeSEA
@CottidaeSEA 6 месяцев назад
JavaScript. I love it.
@i_am_pasindu
@i_am_pasindu 6 месяцев назад
Okay, I am back to farming again
@JEsterCW
@JEsterCW 7 месяцев назад
Remix❤
@ruaidhrilumsden
@ruaidhrilumsden 7 месяцев назад
❤ Big time!
@DevLife717
@DevLife717 6 месяцев назад
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.
@xX_dash_Xx
@xX_dash_Xx 6 месяцев назад
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!
@gkiokan
@gkiokan 7 месяцев назад
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
@KevinVandyTech 7 месяцев назад
React itself famously has had almost no breaking changes. Vue 3 had a ton of breaking changes. So what are you talking about?
@gkiokan
@gkiokan 6 месяцев назад
@@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.
@vytorbrb3568
@vytorbrb3568 4 месяца назад
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
@tabletuser123
@tabletuser123 7 месяцев назад
For those curious, there are 1.4k likes and 600 dislikes as of right now..
@woodylucas
@woodylucas 7 месяцев назад
Are you using Alfred and dash for your hotkeys?
@werneromling
@werneromling 7 месяцев назад
Wow, I've seen the video in the minute it came out!
@blessdarah1256
@blessdarah1256 7 месяцев назад
Remix for the RUN!!!
@abdulrahamantalal1319
@abdulrahamantalal1319 7 месяцев назад
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.
@griffadev
@griffadev 7 месяцев назад
For react router to become remix companies would have to get off web pack first lmao
@bluecup25
@bluecup25 7 месяцев назад
It's the eeend of react router as we know it.
@Soulis98
@Soulis98 7 месяцев назад
Than god I moved to Laravel.
@erikslorenz
@erikslorenz 7 месяцев назад
I hate all this lol. Client side routing has always been kinda goofy but at least it was simple
@ratanlambha2602
@ratanlambha2602 7 месяцев назад
looking cool in this hairstyle bro
6 месяцев назад
Which drawing app is that?
@codewithponleu
@codewithponleu 7 месяцев назад
no react router better than react router. it's time to move on
@omri9325
@omri9325 7 месяцев назад
Why all the router libs for react suck if you use it as SPA?
@JakobRossner-qj1wo
@JakobRossner-qj1wo 7 месяцев назад
That Turbopack isnt moving is such a tragedy.
@yhzh755
@yhzh755 6 месяцев назад
How about Rspack?
@bhanusharma2363
@bhanusharma2363 6 месяцев назад
War of bundlers??
@rsrini7
@rsrini7 6 месяцев назад
clickbait = 100,000 dislikes (youtube can hide)
@nuntius1
@nuntius1 7 месяцев назад
the end of react youtuber
@vorche_
@vorche_ 6 месяцев назад
ay the clickbaits are strong
@jamesking2439
@jamesking2439 6 месяцев назад
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.
@AdrianFrimpong
@AdrianFrimpong 7 месяцев назад
make that rolldown vid plzzz!!!
@igorsantos07
@igorsantos07 6 месяцев назад
ugh, what a clickbait
@zaripych
@zaripych 7 месяцев назад
Super useful breakdown on bundlers chaos ❤
@jesustzinon
@jesustzinon 7 месяцев назад
i just started a project with react router lmao
@alexenax1109
@alexenax1109 7 месяцев назад
Finally!
@BugMug1996
@BugMug1996 7 месяцев назад
Finally
@georgiyanev7822
@georgiyanev7822 6 месяцев назад
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.
@turculaurentiu91
@turculaurentiu91 7 месяцев назад
This video sells HTMX so bad 😁
@maduemeka6982
@maduemeka6982 6 месяцев назад
Very smart man 🎉🎉🎉
@oliver970
@oliver970 7 месяцев назад
Why are you awake at 4 am 🤣
@jwoods9659
@jwoods9659 7 месяцев назад
This is stupid I moved on the VUE
@adeptiworks
@adeptiworks 7 месяцев назад
If you're not building eCommerce, SPA is the way to go usually. Wonder why Remix team took so long to realize it.
@eran2670
@eran2670 7 месяцев назад
love ya
@domdirector
@domdirector 6 месяцев назад
soydevs
@DanKreiger
@DanKreiger 7 месяцев назад
as such
@sunnyheheheh9401
@sunnyheheheh9401 7 месяцев назад
Im 12th 😂
@hanse81
@hanse81 6 месяцев назад
Funny how a washed up RU-vidr 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.
@KWerder92
@KWerder92 7 месяцев назад
37th
@SebaKerckhof
@SebaKerckhof 6 месяцев назад
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.
@lostinthenarrativve
@lostinthenarrativve 6 месяцев назад
why are you so annoying
@mooxay
@mooxay 7 месяцев назад
no one cares about your content bro lmao
@mooxay
@mooxay 6 месяцев назад
@@aryanram02 lmaooo exactly
Далее
I Was Wrong About React Router.
19:06
Просмотров 63 тыс.
It's finally out!!! (Next.js 15 breakdown)
30:06
Просмотров 54 тыс.
▼ ЕДУ В ТИХОСРАНСК 💪
37:00
Просмотров 307 тыс.
aespa 에스파 'Whiplash' MV
03:11
Просмотров 22 млн
Do you REALLY need SSR?
18:15
Просмотров 174 тыс.
The Biggest Lie In HTML
23:56
Просмотров 97 тыс.
React vs HTMX - A Fascinating War
22:23
Просмотров 88 тыс.
I DONT USE NEXT JS
54:01
Просмотров 369 тыс.
Svelte 5 Is Like React, But Better
19:33
Просмотров 13 тыс.
A Jr Dev For Life?? | Prime Reacts
21:33
Просмотров 313 тыс.
Is Tanstack Router Better Than React-Router?
18:00
Просмотров 38 тыс.
Vanilla React | Ryan Florence
25:56
Просмотров 19 тыс.