NEW React 19 Changes Are Amazing!

It has been quite awhile since React 18 and there have been a ton of experimental features added to React since then. Luckily, React is finally getting ready to release these features as stable with version 19 coming sometime this year. In this video I will share with you everything you need to know about the 7 best features coming to React 19.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:32 - #1 - Compiler
02:01 - #2 - Actions
04:28 - #3 - "use server" & "use client"
05:14 - #4 - SEO
05:55 - #4.5 - Suspense Head Loading
06:43 - #5 - Web Component Support
07:19 - #6 - ref Prop
07:40 - #7 - use Hook

#React19 #WDS #ReactJS

[babatundetaiwo]

Frontend is the most unstable stack ngl

[iamcasted]

I don’t like direction React is heading in… use hook adds so much abstraction and ambiguity, it even breaks react rules. Writing server code in client code is also really unintuitive & breaks separation of concerns. It even breaks normal html by changing how action attribute works

[cliftonbeale]

Liked & Subscribed for the video alone. The free course is insane, you are the goat.

[Happyendrew]

seven words in support of this channel!)

[AlexandrePaiva-dev]

and there's still nothing about making the states management easier without using external libraries... I can't understand why they don't focus on it as that would be a huge improvement for React development !

[TubelatorAI]

0:00 1. Introduction 🌟
Overview of React version 19 changes and importance.

0:29 2. React Compiler 🛠
Introduction of a compiler in React version 19 for automatic memoization.

2:02 3. Actions & Directives ⚙
Exploring actions, use client, and use server directives in React 19.

3:40 4. Use Optimistic Hook 🔄
Understanding the use Optimistic hook for Optimistic updates.

4:09 5. Real-Time Like Feature
Immediate display of likes before server submission.

4:28 6. Client vs. Server Directives
Differentiating code execution in Next.js.

5:15 7. Document Metadata Handling
Dynamic insertion of metadata in React components.

5:55 8. Enhanced Suspense Functionality
Improved loading control for styles and scripts.

6:49 9. Web Components Compatibility
Better integration with React 19 for web components.

7:22 10. Refinement in React Hooks
Elimination of forward ref usage with new implementations.

7:41 11. Introduction of 'use' Hook
Advanced asynchronous capabilities for loading and running tasks.

8:27 12. Conclusion & Updates
Wrap-up of React 19 changes and course recommendations.

Generated with Tubelator AI Chrome Extension!

[salmanhaider]

React blurring the lines between itself and svelte 🔥. Now we cooking

[celloninja]

And here I am just finishing the section of your React course that deals with the memo functions... lol

[Tommy-jnps]

Been here since like 50k subs bro the early videos like flexbox css, stories of how you got your first job with the suit and all and stuff like this that helped me to where i am today with a promising career. I wanted to thank you from the bottom of my heart, you were the only youtuber who helped me understand everything clearly and for that i cannot thank you enough.

[Danielo]

I find fun how they phrase it: "our vision is...", "WE were not satisfied". Man, taking inspired is good, give credit where credit is due

[rickyale]

great Review of the new functionalities of React, the memoization was the first big problem for an UI based on states.
for those who will get confused about the word "build"...
normally when you "build" a sintaxe you are translating it to binary code to be interpret by the architeture of the target machine, but in the case of fontends, we are talking about converting one sintaxe into another, it is still script but better.
it is still vanilla js script

[jasonzamora]

GOT DAMN IT! Just as I learn something, they drop something else. My prediction: As developers, we're gonna have to get that neurolink gear to keep updated with the continuous flow of features, upgrades, and new-ness that never ceases or slow.

[ziadx]

react compiler is amazing, I always get confused about thinking of useStates re-renders

[ThandarLin-nl]

Happy Birthday! Your dedication to sharing knowledge is inspiring, and I wish you a year filled with continued success and fulfillment in your endeavors. 🥳🎈🎁

[FreakyLordSWatchingU]

Still no fix to hydration colliding with most browser plugins?

[joemart]

Where is the forwardRef and use hook change they supposedly added? They're not on the latest blog, where do they exactly state they change these 2?

[tootyrnt]

May be a dumb question, but would we still need a module bundler or JavaScript transpiler since we have a compiler now?

[WalidAra]

i guess all left for next js is the SSR with server components and the routing system structure

[yorox]

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

[Emerald]

So.... they wont need that recommendation anymore to use a framework like next?