Loading video...

Video Failed to Load

Go Home

Common misconception: Components with "use client" only run in browser Client components still get pre-rendered to the initial HTML on the server (SSR)

asidorenko_'s profile picture

Alex Sidorenko

35,181 subscribers

88,545 views • 2 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Waku ( provides a minimal API. With it, you can build a client-first app. No need for "use client." All components are client components. Server functions with "use server" can return JSX elements. Check out this working example!
0:12

Waku ( provides a minimal API. With it, you can build a client-first app. No need for "use client." All components are client components. Server functions with "use server" can return JSX elements. Check out this working example!

Daishi Kato

12,793 views • 1 year ago

How to use Framer Motion with Server Components
0:17

How to use Framer Motion with Server Components

Alex Sidorenko

102,604 views • 2 years ago

.@kspeyanski, Principal Software Engineer at Progress, Progress Kendo UI, invites you to his talk "Polymorphic React Components for Both the Client and the Server" at React Summit US! Join us in New York & Online on November 19 & 22.
0:20

.@kspeyanski, Principal Software Engineer at Progress, Progress Kendo UI, invites you to his talk "Polymorphic React Components for Both the Client and the Server" at React Summit US! Join us in New York & Online on November 19 & 22.

React Summit

109,252 views • 1 year ago

I've always been excited about the hybrid client/server execution model in MotherDuck but seeing how well the WebAssembly client works with Interactive Data Lab Mosaic is even more exciting. In the video below I am looking at 10m data points in my browser.
0:11

I've always been excited about the hybrid client/server execution model in MotherDuck but seeing how well the WebAssembly client works with Interactive Data Lab Mosaic is even more exciting. In the video below I am looking at 10m data points in my browser.

Dominik Moritz

19,191 views • 2 years ago

Wait... why did they stop at "use client?" 🤔 You can opt-out of SSR, check if visible, or go crazy with client: directives.
0:18

Wait... why did they stop at "use client?" 🤔 You can opt-out of SSR, check if visible, or go crazy with client: directives.

Astro

53,921 views • 1 year ago

⚛️ State relocation is one of the simplest ways to avoid expensive components from being unnecesary rendered ↓
0:18

⚛️ State relocation is one of the simplest ways to avoid expensive components from being unnecesary rendered ↓

George Moller

39,935 views • 2 years ago

React Server Components bring rendering flexibility to the component level in Next.js. Hear from Aurora Scharff at Next.js Conf to learn about: • Async components • Efficient data management • Optimizing load times and interactivity Join us in SF or stream online on Oct 24.
0:12

React Server Components bring rendering flexibility to the component level in Next.js. Hear from Aurora Scharff at Next.js Conf to learn about: • Async components • Efficient data management • Optimizing load times and interactivity Join us in SF or stream online on Oct 24.

Next.js

16,052 views • 1 year ago

React Server Components and data fetching
0:13

React Server Components and data fetching

Alex Sidorenko

55,957 views • 3 years ago

"How to stop refetching certain server components during navigation in Next.js" Move them to layout
0:18

"How to stop refetching certain server components during navigation in Next.js" Move them to layout

Alex Sidorenko

64,566 views • 1 year ago

You know you can just... import html files as components right?
0:17

You know you can just... import html files as components right?

Astro

95,703 views • 1 year ago

In Next.js, everything that gets IMPORTED into a file with "use client" gets into a client bundle
0:15

In Next.js, everything that gets IMPORTED into a file with "use client" gets into a client bundle

Alex Sidorenko

128,317 views • 1 year ago

Custom video player in Framer 🤯 ▶️ Works with Youtube, Vimeo, HTML, URL ✏️ Customise everything! 🧱 12+ components (controls, timeline, volume, etc) Comment "Framer" and I'll add you to the waitlist!
0:16

Custom video player in Framer 🤯 ▶️ Works with Youtube, Vimeo, HTML, URL ✏️ Customise everything! 🧱 12+ components (controls, timeline, volume, etc) Comment "Framer" and I'll add you to the waitlist!

Ryan Hayward

17,692 views • 1 year ago

Learn to identify the components
0:16

Learn to identify the components

Massimo

23,708 views • 1 month ago

Sneak peek: Custom video players in Framer 🎥 ▶️ Works with Youtube, Vimeo or HTML. ✏️ Customise everything! 🧱 10+ components (controls, timeline, volume, etc) Comment "Framer" and I'll add you to the waitlist!
0:11

Sneak peek: Custom video players in Framer 🎥 ▶️ Works with Youtube, Vimeo or HTML. ✏️ Customise everything! 🧱 10+ components (controls, timeline, volume, etc) Comment "Framer" and I'll add you to the waitlist!

Ryan Hayward

21,394 views • 1 year ago

Windsurf now has Browser Previews! Not only did we bring preview functionality directly into the editor, but now you can also select individual components (and errors!) as @-mentions to send to Cascade in your next prompt.
0:16

Windsurf now has Browser Previews! Not only did we bring preview functionality directly into the editor, but now you can also select individual components (and errors!) as @-mentions to send to Cascade in your next prompt.

Windsurf

59,488 views • 1 year ago

This is only 1 Niagara emitter to handle thousands of decals as particles using Data Channels! Significantly lower overhead on the GameThread and only a single component per grid cell. This also adds instancing to the decals which is normally not supported for individual decal components. Working on this as part of data-oriented projectiles that run without Actors, asynchronous collision and supporting multiplayer (incl. client side prediction). Removes a huge amount of overhead from the CPU, more on that soon!
0:16

This is only 1 Niagara emitter to handle thousands of decals as particles using Data Channels! Significantly lower overhead on the GameThread and only a single component per grid cell. This also adds instancing to the decals which is normally not supported for individual decal components. Working on this as part of data-oriented projectiles that run without Actors, asynchronous collision and supporting multiplayer (incl. client side prediction). Removes a huge amount of overhead from the CPU, more on that soon!

Tom Looman

31,493 views • 9 months ago

"Can I pass a zod schema from a server to a client component as a prop?" Nope, zod schema is not serializable. But you can re-import it in the client component.
0:19

"Can I pass a zod schema from a server to a client component as a prop?" Nope, zod schema is not serializable. But you can re-import it in the client component.

Alex Sidorenko

35,064 views • 1 year ago

We just shipped the clawpump MCP server. One endpoint. 77 tools. Every DeFi primitive on Solana. Swap, Lend, Borrow, Deploy. Claude, GPT, Cursor, Gemini, any MCP client can now run: npx @ clawpump/mcp --claude to get instant awareness of how to operate on Solana.
0:18

We just shipped the clawpump MCP server. One endpoint. 77 tools. Every DeFi primitive on Solana. Swap, Lend, Borrow, Deploy. Claude, GPT, Cursor, Gemini, any MCP client can now run: npx @ clawpump/mcp --claude to get instant awareness of how to operate on Solana.

bunny

32,863 views • 2 months ago

💻 Open related projects, like a server and client, in the same #IntelliJIDEA project as modules. 📂 Open the client from the server project from: File | Module from Existing Sources. Select the relevant model, like Gradle or Maven, if applicable. 🐘 🪶 #IntelliJIDEATips
0:15

💻 Open related projects, like a server and client, in the same #IntelliJIDEA project as modules. 📂 Open the client from the server project from: File | Module from Existing Sources. Select the relevant model, like Gradle or Maven, if applicable. 🐘 🪶 #IntelliJIDEATips

IntelliJ IDEA, a JetBrains IDE

19,238 views • 2 years ago

Onward to live fire ! I’m still working on a few components and thr cosplay .
0:11

Onward to live fire ! I’m still working on a few components and thr cosplay .

Valkyrie Brynn

61,192 views • 9 months ago