Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 2 лет назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 1 год назад

How to use Framer Motion with Server Components
0:17

How to use Framer Motion with Server Components

Alex Sidorenko

102,604 просмотров • 2 лет назад

.@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 🔥The biggest React conference

109,260 просмотров • 1 год назад

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 просмотров • 2 лет назад

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 просмотров • 1 год назад

⚛️ 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 просмотров • 2 лет назад

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 просмотров • 1 год назад

React Server Components and data fetching
0:13

React Server Components and data fetching

Alex Sidorenko

55,957 просмотров • 3 лет назад

"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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 2 лет назад

Learn to identify the components
0:16

Learn to identify the components

Massimo

23,708 просмотров • 1 месяц назад

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 просмотров • 1 год назад

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 просмотров • 9 месяцев назад

"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 просмотров • 1 год назад

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 просмотров • 2 месяцев назад

💻 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 просмотров • 2 лет назад

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 просмотров • 9 месяцев назад