When & Where to Use 'use client' in React/Next.js
Learn how to add 'use client' in React/Next.js for client vs server components. New course available! ๐

ByteGrad
127.4K views โข Jul 20, 2023

About this video
๐ NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).
๐ Add authentication to your app FAST: https://bit.ly/3QOe1Bh
๐ NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs
๐ Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript
๐ Professional CSS Course: https://bytegrad.com/courses/professional-css
๐ Discord: all my courses have a private Discord where I actively participate
๐ Email newsletter (BIG update soon): https://email.bytegrad.com
โฑ๏ธ Timestamps:
0:00 Blunder #1
1:30 Client vs Server Components
4:58 When to refactor?
6:03 Blunder #2
8:19 Boundary
9:06 Import twice
#react #reacttutorial #nextjs
Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code.
This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 .
.
TOP resource to LEARN AI for Developers - https://datacamp.pxf.io/RGyxrR (paid sponsorship & ByteGrad Sp. z o.o. gets commission)
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).
๐ Add authentication to your app FAST: https://bit.ly/3QOe1Bh
๐ NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs
๐ Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript
๐ Professional CSS Course: https://bytegrad.com/courses/professional-css
๐ Discord: all my courses have a private Discord where I actively participate
๐ Email newsletter (BIG update soon): https://email.bytegrad.com
โฑ๏ธ Timestamps:
0:00 Blunder #1
1:30 Client vs Server Components
4:58 When to refactor?
6:03 Blunder #2
8:19 Boundary
9:06 Import twice
#react #reacttutorial #nextjs
Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code.
This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 .
.
TOP resource to LEARN AI for Developers - https://datacamp.pxf.io/RGyxrR (paid sponsorship & ByteGrad Sp. z o.o. gets commission)
Tags and Topics
Browse our collection to discover more content in these categories.
Video Information
Views
127.4K
Likes
3.9K
Duration
10:33
Published
Jul 20, 2023
User Reviews
4.7
(25) Related Trending Topics
LIVE TRENDSRelated trending topics. Click any trend to explore more videos.
Trending Now