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

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

На главную

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,018 subscribers

88,553 просмотров • 3 лет назад •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 год назад

.@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 fullstack conference

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

The best UI components ready to use, save this 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?
0:19

The best UI components ready to use, save this 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?

Nero

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

Until there’s an official Grok Build app, you can still use it from your iPhone or Android with Termius (or any other SSH client). Just install Tailscale on your server, connect to the Tailscale IP in Termius, and run Grok Build from the command line as usual 👇
0:18

Until there’s an official Grok Build app, you can still use it from your iPhone or Android with Termius (or any other SSH client). Just install Tailscale on your server, connect to the Tailscale IP in Termius, and run Grok Build from the command line as usual 👇

Mia

15,627 просмотров • 3 месяцев назад

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

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

React’s new 𝚋𝚛𝚘𝚠𝚜𝚎𝚛() API marks a component as browser-only during server rendering. Here, 𝚞𝚜𝚎(𝚋𝚛𝚘𝚠𝚜𝚎𝚛()) suspends on the server before reading a saved draft from 𝚕𝚘𝚌𝚊𝚕𝚂𝚝𝚘𝚛𝚊𝚐𝚎 in the browser. What else would you use it for?
0:14

React’s new 𝚋𝚛𝚘𝚠𝚜𝚎𝚛() API marks a component as browser-only during server rendering. Here, 𝚞𝚜𝚎(𝚋𝚛𝚘𝚠𝚜𝚎𝚛()) suspends on the server before reading a saved draft from 𝚕𝚘𝚌𝚊𝚕𝚂𝚝𝚘𝚛𝚊𝚐𝚎 in the browser. What else would you use it for?

Aurora Scharff

11,413 просмотров • 2 месяцев назад

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.

Devin Developers

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

The way this technician was locked in on me like I’m the only client that exists 😭
0:11

The way this technician was locked in on me like I’m the only client that exists 😭

Heart

61,065 просмотров • 3 дней назад

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

"Tired of slow sites? Batch compress images for free in the browser, client-side" ⚡️ Happy to share a new image optimization tool that batch compresses images directly in your browser (100% client-side) to make them smaller. It uses jSquash, WASM codecs derived from the excellent Squoosh app. Convert AVIF, WebP, JPEG and more. Great for small projects.
0:16

"Tired of slow sites? Batch compress images for free in the browser, client-side" ⚡️ Happy to share a new image optimization tool that batch compresses images directly in your browser (100% client-side) to make them smaller. It uses jSquash, WASM codecs derived from the excellent Squoosh app. Convert AVIF, WebP, JPEG and more. Great for small projects.

Addy Osmani

63,537 просмотров • 1 год назад

In Claude Code desktop's Browser pane, you can select any element (⌘⇧S) and say what to change. Claude reads the DOM elements, React components, and styles before making edits. You can also draw on the page, and give the annotation to Claude as context.
0:19

In Claude Code desktop's Browser pane, you can select any element (⌘⇧S) and say what to change. Claude reads the DOM elements, React components, and styles before making edits. You can also draw on the page, and give the annotation to Claude as context.

Anthony Morris ツ

46,294 просмотров • 2 месяцев назад

most of the time we use protodash for ultra-fast exploration + prototyping in the dashboard. here's an example—quickly throw together a listview with real data and the right components
0:19

most of the time we use protodash for ultra-fast exploration + prototyping in the dashboard. here's an example—quickly throw together a listview with real data and the right components

Owen Williams ⚡

12,369 просмотров • 9 месяцев назад