They made React great again?
Vložit
- čas přidán 25. 02. 2024
- Let's take a first look at React 19 and a variety of changes will improve the developer experience. We compare React's changes to other JavaScript frameworks like Svelte, Vue, and Angular.
#webdevelopment #programming #thecodereport
💬 Chat with Me on Discord
/ discord
🔗 Resources
React Blog Post react.dev/blog/2024/02/15/rea...
React for the Haters • React for the Haters i...
Fireship Next.JS course fireship.io/courses/nextjs/
🔥 Get More Content - Upgrade to PRO
Upgrade at fireship.io/pro
Use code YT25 for 25% off PRO access
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
- What's new in react version 19
- React vs Vue
- React vs Svelte
- React 19 compiler - Věda a technologie
Day 1 of not saying AI in the video
Day 2 o
YOU AI YOUI LOOSE CHALLENGE (IMPOSSIBLE!!)
React 20 will have an integrated AI in the compiler 😂
day 0 of AI joke comment
@@tobyboulton8340 *plays numa numa but with only vowels*
I dont understand a single thing, but the editing goes hard and is hilarious
- average fireship viewer
It's OK you'll get there! Just make one custom app from scratch
do not ask,just add it into your resume 😂
i wish i could understand
@@odddellarobbia4💀
The fact that all of the frameworks become more and more similar is brilliant
.
@@PWRGEUTTP is it?
you would think correct, but no, they have to keep inventing more stuff like React Query....just to keep you on your toes;
yes that great, because these were kinda only hard places in React
That Angular namedrop was like Captain America's iconic pose of holding his shield up to his face
"thanks for watching and I will see you in the nextjs one"
Lol
Missed this!
Haha I was tripping 😂
pin this
Heart React
JS
Solid, Svelte:
Look at what they have to do to mimic a fraction of our power
as much as I love svelte. Marketshare...
With all of these incredible new changes to React, they hope to make the framework half as good as Svelte by 2060
@@s1nistr433which major companies are using svelte? I've seen and used react almost everywhere
ffs on a deja commencé notre projet transverse en react 😀🔫
@@s1nistr433cope, nothing beats jsx
jQuery was ridiculously popular because everybody was using the same library and could go from project to project, unlike the JS framework environment that has many options where you have to deal with different frameworks using TS or older versions of the the framework.
I think you can still say jQuery is ridiculously popular based on the number of sites running it
Honestly, jQuery’s simplicity is still charming, it’s still a fun library to use, just outdated for most projects.
real devs use Jquery
John resig is genius guy, 2006 until now jquery still works a charm and simplified, if people just know how structure it nicely.. Unlike the over bloated frameworks nowadays, particularly react
I will say though, nowadays I find it complicated to write a whole web app in jQuery.@@JovenAlbarida
Maybe it's time to start considering an EMCA standard for Javascript frameworks...
HTMX will probably get there first.
i accidentally spit water on myself at the mention of angular becoming the one true framework
To me it was the Team America vomit meme again.
it because it is, btw we are getting native observables in a near future
As a hobby coder I didn't get if it was a joke or not.. 🤔
I think it was mainly to drive few comments :) Angular is the source
@@robbasgaming7044 the favorite framework of Fireship is Angular. He has said that a few times on his videos.
jQuery 4 still supports IE11 but not any older versions - jQuery 5 will drop IE11 (hype!)
I wonder how small will be the userbase of IE11 in 2045
@@Tordah123There will be banks with a selected few mainframe APIs, which are internet explorer based - so they won't go away unless those banks go bankrupt
Even microsoft fropped IE11, time to stop worrying about it
It's over when I say it's over. I don't let stupid mumbo jumbo shit like "end of life" to tell me how to live. He''ll yeah.
💀
"And I will see you in the Next.js one"
nice 😎
Love how Fireship comes out of the closet at the end with Angular 😂❤
I think that's nature really. Frameworks start to adopt and transform to what has shown to work best. We end up with less variety, but that's really whats happening everywhere anywhere.
Yeah I feel like the signal thing is one concrete example where all major js frameworks are getting closer
Vue has them (AFAIK with a proxy abstraction)
Angular has em (or coming)
Svelte
Solid
In a few years (if we still write code on our own) we'll be able to choose js frameworks by nuances.
@@cedi2929There is also a signal implementation for React. It probably doesn't have the best DX, but it looked usable in the tutorials.
@@JanVerny interesting thanks for the insight.
And it basically took 30 years.
In most disciplines, implementation comes before theory, and good things are born into theory during implementation
I already lost my shit at "That's right, I use React" part
for vue, the ocmpiler only build the template, the reactivity is based on a proxy system and it's runtime based :)
React devs are flip flops. They brag about a hook on Tuesday and on Thursday they will tell it’s ugly as we have a new hook to replace it and this cycle goes on and on till life ends
Its insane how much refactor is involved in maintaining a React app if you want to stay current. It seems like every 2 years or so there's a major deprecation or a large portion of the API changed in a breaking way.
ADHD development team tbh
Who brags about hooks, just earn money till its relevant.
Lol you do realize your old code still works on react 18 right? Say that to Angular
Why is agility a bad thing? We use the best method available until theres a better one. Git gud
Angular:
Oh, a compiler. That's cute
😂😂😂😂😂😂😂😂😂😂😂
Sorry didn't get the joke 😢
Can some one explain?
@@saiphaneeshk.h.5482 It's the Apple's "innovation" moment. Angular has always had compiler. And Angular has always had all the same damn features React is getting lately (but under a different name) because react just wants to confuse us.
@@WewasKangs-bd9eb To add on to that, Angular having a compiler has been one of the things react devs have derided since React first came out. React is just JS and doesn't have a compiler. Guess not.
@@anarchoyeasty3908I don't get it. I mean, you are building the whole damn thing before deploying. What's wrong with a compiler doing its job during building. Maybe a slightly higher build time, but the pros seems definitely better than cons right now.
Yaaay, more time to bill for changing things that don’t actually bring any value to the customer! 🎉❤ thank you frameworks
Yaay we are relevant again
I swear that's what Meta's devs do to the company but they're just nice enough to do it open source so everyone can do the same to their own company lmao
You don't have to use new features... Old components keep working as-is.
Having said that, having to update code is part of standard maintenance when using any framework, regardless of if it's a frontend or backend framework.
It's impressive to see how big a game changer a compiler can be for React. Looks like all major frameworks are gradually converging. Looking forward to seeing this unfold.
Absolutely love your intense videos man! This is my way of grasping information. It just connects directly to my brain APIs and uploads the data straight to the latent space!
Too bad YT pays for minutes and not for the information rate..
Svelte is just good enough for a simple website developer like me. Many of these new frameworks are just so convoluted with made-up weird syntax to accomplish simple things.
Simplicity is peak.
actually svelte has made up weird syntax though
Sounds like you need to convert to our savior HTMX
Svelte's syntax looks like shit to me personally, while react is just pure JavaScript.
@@jonaslamprecht9169 but react just had to be "fixed" to make it do things the way vue and svelte do it easily
Many websites need to be just simple. We're not making strategy games in the browser all the time... most websites should just present like a continuous, fancy, powerpoint presentation.
jQuery mentioned
your videos are so good, that even as an ex developer i still love to watch them
1:37 Shout out to the Runescape runes!
shoutout to that little gnome too
I have all skills maxed
RuneScape gnome gets me every time. One of us!
Selling yew logs, 300gp
ONE OF US. i guess ill learn svelt to use runes now.
At this point, i don’t know if react is a UI library or a template engine 🙃
ecosystem
Everything about react is solely focused on UI. Data fetching is part of UI
It's Hell.
Its a backend framework
It's a joke. A 10 year old joke.
I can't believe I'm just finding your channel now. it's so good
Welcome pal!
Any other channels like this I should know about?
Did you ever consider remaking that old bambo website, great vid by the way
The Angular in the end got me rolling haha
I don't know about Solid and Svelte, but Vue doesn't need its compiler for the computed() or watchEffect() functions. It resolves dependencies at runtime by listening which reactive values are read when executing the callback (because in Vue everything is a reactive proxy).
Vue's compiler does different kind of improvements, like template optimization, but has nothing to do with the dependencies check.
I like the violence in the ending - both in Angular and in the footage :D
A project I'm on is IE11 compatible, it's ATM code.
that Angular at the end hit the back of brain bones
This video summarises why I stopped doing frontend stuff around when people started using angular
it was a good idea to limit your focus to java, php, golang, c#, npm, nuget, oracle mysql, mongodb, postgres, supabase, firebase, aws, azure and gcp;
Can we try the compiler any time soon? And when will react 19 be released?
finally, but that means to learn from the ground up all the new things and not slip in the process, i'm hopeful to see this on react native
Actions DX being like PHP but without Lambos, I lost it there ☠️
Same 🙂
Plot twist: I am PHP Dev.
I honestly found Angular the easiest and most intuitive to learn, and also love its “reactive” approach of thinking in streams.❤
Agreed. Once you get passed the steep rxjs learning curve, you arrive at a beautiful place. Async flows are so easy to model and debug. Debugging async stuff in react can be rough.
yes, but reactivity it's the hard part to master it.
Tried once.. the build was so slow, heavy and clunky that i couldnt go on.. Also.. i hate when people create test files for me (generators). I dont want that crap
@@danvilela-skip-tests
@@danvilela try Angular 17... the build really was slow on previous versions, but in 17 its fast... very fast...
I love the RuneScape reference. Osrs series when?
Why didn’t you add a cover sheet to your TPS report? Did you get the useMemo?
Meanwhile I’m over here, waiting to pull the trigger on updating jQuery that exists to simply compliment my PHP/HTMX stack
Developers! Developers! Developers! Developers!
hell, I HATE the remake they made with that dude with shitty accent
That mspaint character in the thumbnail gave me flashbacks of 2010 internet. But I can't quite pinpoint where it comes from? Was it a rage comics character?
I love how I don't even code (nor know how to) but am able to enjoy myself and understand what you are talking about!
bro why are you here then
Because I enjoy myself with the updates 😁
recently started learning react and I appreciate them tossing out concepts before I bothered to learn them
Every couple years they remove an old bandaid and replace it with a new one… until that one starts to smell.
I didn't understood a word of this video and this is what I love about programming. I can write all these cool C/C++ stuff but when it gets to web development I suck. There's so much more to learn, so much to get better at. Software Enginnering is amazing.
Web dev scares me
I started off with c++ -> python -> c# -> javascript(express.js) -> react(next.js).
Its been a wild ride, but I love full stack development. I find developer humor hularious or get a chuckle out of reading reddit posts bashing frameworks for their bs.
i got experience in web dev (reactjs), game dev (c# unity3d), and blockchain smart contracts (solidity) and i gotta say all of them have their very abstract sides which are scary, but all of them are also very intuitive once you get a hang of it
One could argue that there is so much more to learn in any field. Have you considered Archeology?
Jokes aside, this changing nature of programming sucks honestly lol. Every 3 years you're having to learn new tools to solve the same old problems.
good mindset brotha, same.
I come from c++ and it's a completely different compared to the web. I enjoy web dev much more.
I was looking for Kripke from the big bang theory when saying memoize
I'm not even a js developer, but I still watch these type of videos from you lol
I’ve been using solid for some time now, and when I looked at that unintuitive react code, I now remember why I never looked back.
@@merluzo8269 you dont need a framework or a library to "call functions whenever you want". why so dense? you obviusly know what they meant
Angular 17 is awesome btw :D
Wait... is the compiler the big thing, or the compiler macros?
By curiosity, how angular leads with the useMemo scenario?
In the way like, you don't need to worry about, you choose when you rerender
In Angular < 16 you just decided if you put that function into template (then it will run in every change detection which is uff - not recommended). If you need it in template just use pipe which you explicitly say if its pure/unpure (simplified definition: with or without memo). In Angular >= 16 we have signals and if we use computed() then it's rerendered only when the dependency value has changed - you can choose which dependency attribute you want to track (default) or untrack (wrapped in untracked())
In Vues case it uses proxies. When you change a variable the necessary components will rerender. You don't have to think about it at all.
"PHP without Lambos" killed me
someone pls explain this ;_;
Dollar sign 💲💲...we use 💲 to declare variables in php, and lambos are costly
I watch the code report because I quit software engineering fifteen years ago and have not enough money left over from that time for funding my current life AND for paying a good therapist. "God I'm so glad that I quit" I say to myself every 10 seconds of watching. Best choice ever. I'm so smart. I'm safe now. I'm fine. It was all just a bad dream. Look at that f+++++ hell developers are still going through. React 19 wtf? Hamburger Hill. What an ugly uphill battle. forwardRef W.T.F.?? So glad that I quit. F+++ all that sh+++. I would NEVER touch any of those frameworks ever again. Jesus saved me. I left while I still could. I am fine.
That's so true. It's like a hell and an endless nightmare of pain and suffering trying to catch up with the latest technology 😢
Aren't JSX files already going through a compile step?
Indeed! If it was built into the browser with the next version of JS that would be great.
4 mins of talking and all I can hear is Svete is better 😂
this state setState nonsense is still the worst.
I saw once this extraordinary thing, two frameworks merged: Merb and Rails.
I understood everything not used react that much though...ig for UI it all comes down to what's best for you lol
Haha, nice point about Angular at the end of the video )))
If they're all so similar, is it worth learning Svelte for a small app build, or just use Angular which I already know?
Which time it was fixed?
We had speciation, and now we're seeing convergent evolution 😌
Love it , did not understand anything but sounds exciting
but now does this make the memory footprint smaller? remmeber discord and chrome already hogging the memory especially older or lower end system
I'll see you in Next.js one!
Is typescript still better though even with the react compiler?
I have learned so much React in the last year that this actually makes sense.
I create front-end with AngularJS (learning Angular atm) and I cannot understand what happens in the first two minutes. Why the F would count * 2 be called multiple times if it's saved to a variable?! Especially if it's a const?!
Because the entire component needs to be re-rendered if one of the variables that it uses for rendering the HTML is changed. If you store a variable in a hook `const [count, setCount] = useState(0)` . This is because these are function components, and as functions they don't have an object instance associated with them. So every time you want to update your HTML, React needs to run the function to generate the component again.
By binding a variable to a hook, you're "extracting" the variable into the runtime's "memory handler" sorta, so during the next function call it can just retrieve the declared variable from that "memory handler". Without binding it the a hook, the variable is lost once the function goes out of scope, and needs to be created again
As short and concise as it is, this is only channel I really understood the new features in react 19.
As someone who has yet to switch over to Svelte becuase i love all my libraries in react, should this change anything, or should my goal still be to switch over to Svelte?
You explained memoization in one sentence❤
What we really need, is a framework for updating code of old frameworks.
The last 10 seconds of the video is a masterpiece, hands down!
We need a video about hyperscript :)
When can we start using web components?
I love this guy, Angular at the end was perfect!
YOU TELL THEM.
angular ... perfect ???
Is it a troll ?
Really loved the composition in this video
is useMemo actually faster than just a multiplication operation?
I am Java developer. Wanting to learn some front end. There are so many options and its quite confusing to pick one framework
Love how you squized Angular in there😅😅😅
As a writer of mostly Swift, these code examples look bonkers. Mad respect, React devs
3:57 we should hold a summit for this, wat do u say guys ?
I hope that we all go back to good old days. To something like htmx + any backend language and jquery :D
Man that Angular reference killed me at the end
I'd be interested in your view of the rust framework leptos
harder and slower than js ones. for rust heads only
3:03 Vaush Reference?
If react is getting an update and we use react in the next js then does it mean we are also getting rid of these hooks in the next.js too??
Will there even be a reason to learn NextJs after React 19 comes out,? At least until Next goes one step further and implements a new feature again ?
Not sure what was going on till 4:08 but I am glad the Angular TL;DR was clear!
Seemingly convergent evolution works for frameworks as well.
You should start using the latest logo of Angular
I love the conclusion in the last minute :) go go angular
If I need to choose one framework that will be in browser it would be Qwic because how ahead it is or Vue because I work in it 😅
.. but they would probably choose worst fmwk out there React because it is popular 😢
making Angular a standard build in browsers would be so nice
React 19: Making developers feel like they're riding a unicorn through a rainbow! 🌈 Can't wait to see if it's smoother than butter on hot toast or just another JavaScript drama. Let the framework wars begin! 💥
Watching and using these frameworks, I still prefer the simplicity of vanilla JS, never having to worry about upgrades breaking my app and it works everywere: front-end, back-end, mobile apps, desktop. If you solo develop a project and want to run it longterm I still think this is the way to go.
I worked for a company that did this. For simple projects I agree with you, but as it grows in complexity you end up building your own framework. At which point it would have been easier to use an existing framework from the start.
@@petertyldesley6542 we need a framework for migrating to new frameworks
4:00 I expected Elixir/Phoenix though
Damn, can't wait for react 19 to be available with react-native