Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 2 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 1 Jahr

How to use Framer Motion with Server Components
0:17

How to use Framer Motion with Server Components

Alex Sidorenko

102,604 Aufrufe • vor 2 Jahren

.@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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

⚛️ 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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

React Server Components and data fetching
0:13

React Server Components and data fetching

Alex Sidorenko

55,957 Aufrufe • vor 3 Jahren

"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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

Learn to identify the components
0:16

Learn to identify the components

Massimo

23,708 Aufrufe • vor 1 Monat

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 9 Monaten

"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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Monaten

💻 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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 9 Monaten