React visually explained: 'use client'

What 'use client' is, why it exists, how it works, and how to use it.

The 'use client' directive introduces a new dimension to bundling: allowing developers to use the same language and JSX component model for UI concerns that span the client and server. Replacing network synchronization code in multiple languages, routing systems, and frameworks with simple components and props.

This is an excerpt from a conference talk I gave at React Universe.

[shinchima]

Delba's explanations are always concise and clear, cheers!

[SavvasMohito]

This is one of the best presented and straightforward react guides I've watched. Thank you

[aryankathawale]

Must've taken like a million years to make this one video, huge success, sharing with others in my part of the sphere

[FarazFKhan]

Waow, I would pay for a course on using Remotion this well - absolutely blown away by the quality of the graphics here!

[saddamhossain]

She has a very clear voice, which I love to listen to again and again. In addition, very good explanation of each topic.

[arturshaser]

The video I'll now force every react dev to watch. Very great (and simple!) explanations, beautiful and soo inspiring animations, and also nice analogies!! Thank you Delba! 🎉 Hopefully your emergency got peacefully resolved 🙏

[giuseppecv]

Wow, you are a developer with the spirit of a designer, I loved your presentation 💯

[prasadpulaguntla]

One of best explanation of react server components!!

[vandhuymartins]

I have yet to find any videos as well-made as yours Delba. You ROCK! 🤘

[alliardalimo]

Really love how you explain, can't wait for your in-depth explanation again of how RSC Payload works for reassambe client & server component at the client 🤗

[knuckleup]

wow this is the best explanation of this concept I've seen

[Deus-lo-Vuilt]

Thanks Delba, I was waiting for another video of yours, I like the way you explain, I hope you can upload content more frequently.

[benjaminsantana]

Great content, it gives me peace the way you explain everthing!

[abdulrehmanjaved-rtjq]

Thanks Delba! I wish you upload videos at least 1 video in 2 weeks, I am not saying regular videos as I understand this level of content takes time.

[NicolasHennell-Foley]

Yes, you really do explain things clearly, it's great.

[Mirislomovmirjalol]

hey Delba. We want more videos like this. Especially more advanced ones please!!!

[NeilPuttick]

Really useful, thanks. This talk helps to strategise how to use server actions / components in NextJs, especially the “use server” gotchas!

[nernaykumar]

Animations are really cool, it helped me understand how bundling works visually, great work Cheers!!

[ibnurasikh]

as always with the very clever visual explanation, as a dev and also a teacher i learn so much from you, thanks!

[_mrwebwork]

This is an excellcent explantation, great job!