正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

new post exploring how React Server Components can make a big difference for content-driven websites link:

Rodrigo Pombo

8,381 subscribers

18,484 次观看 • 2 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

7 条评论

Lee Robinson 的头像

Lee Robinson2 年前

❌ "React Server Components require having a server running" ✅ "React Server Components can run on your computer (during a build) or another computer (a server at runtime)"

Rodrigo Pombo 的头像

Rodrigo Pombo2 年前

is that still a common misconception? The RSC docs are very clear about it

Zeno Rocha 的头像

Zeno Rocha2 年前

this is simply the best explanation of how to compile Markdown in React apps. love the hover card example too.

Titus 🇵🇸 的头像

Titus 🇵🇸2 年前

data-image should be dataImage!

Vu Nguyen 的头像

Vu Nguyen2 年前

This feels like the art of technical blog

Ed Spencer 的头像

Ed Spencer2 年前

What are your thoughts on frontmatter? I use .mdx files for my blog and use frontmatter pretty heavily but there didn't seem to be a good story around it OOTB with next/mdx

Rodrigo Pombo 的头像

Rodrigo Pombo2 年前

frontmatter is great to be fair the markdown experience in general is pretty bad out of the box with Next (and the team knows it)

相关视频

Are React Server Components web-only or can they be used anywhere? What would it look like if @Expo added React Server Components for native iOS and Android platforms... 🧵 Find out now ↓

Are React Server Components web-only or can they be used anywhere? What would it look like if @Expo added React Server Components for native iOS and Android platforms... 🧵 Find out now ↓

Evan Bacon 🥓

233,154 次观看 • 3 年前

"How to share state between React client components with a parent server component?" 👇

"How to share state between React client components with a parent server component?" 👇

Alex Sidorenko

51,480 次观看 • 1 年前

✍️ New blog post: "Instant Search Params with React Server Components" The result of my three-week obsession with React's new useOptimistic hook — ultimately leading me to a much richer understanding of React transitions. Hope you enjoy!

✍️ New blog post: "Instant Search Params with React Server Components" The result of my three-week obsession with React's new useOptimistic hook — ultimately leading me to a much richer understanding of React transitions. Hope you enjoy!

Sam Selikoff

103,128 次观看 • 2 年前

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.

HeroUI

542,142 次观看 • 5 个月前

React Server Components allow you to call your database directly from a component. And that's great... but how do we make sure this code never ever runs on the client?

React Server Components allow you to call your database directly from a component. And that's great... but how do we make sure this code never ever runs on the client?

Lee Robinson

177,038 次观看 • 2 年前

☁️ EAS Hosting is here! In addition to our fantastic native deployment, you can now push: ◆ Websites ◆ API Routes ◆ Environment variables Will be adding native support via Expo's React Server Components soon 🚀 Run `eas deploy` today!

☁️ EAS Hosting is here! In addition to our fantastic native deployment, you can now push: ◆ Websites ◆ API Routes ◆ Environment variables Will be adding native support via Expo's React Server Components soon 🚀 Run `eas deploy` today!

Evan Bacon 🥓

108,925 次观看 • 1 年前

"How can I use server components for data fetching if all my components also need hooks or onClick?" Move the interactive part into a separate component

"How can I use server components for data fetching if all my components also need hooks or onClick?" Move the interactive part into a separate component

Alex Sidorenko

50,631 次观看 • 1 年前

A slight adjustment can make a big difference

A slight adjustment can make a big difference

Fitness Workout

400,154 次观看 • 4 个月前

Expo + React Server Components (preview) 🚀 Just open sourced a new movies app demo using Expo Router and React server functions. Native data fetching, loading states, and error handling have never been this easy! → Runs on iOS, Web, and Android

Expo + React Server Components (preview) 🚀 Just open sourced a new movies app demo using Expo Router and React server functions. Native data fetching, loading states, and error handling have never been this easy! → Runs on iOS, Web, and Android

Evan Bacon 🥓

72,143 次观看 • 1 年前

⚡️ What if you could incrementally adopt native views in React websites instead of starting from scratch? 🚀 Expo DOM Components make this possible! Watch: Migrating a shadcn template to @Expo Router ↓

⚡️ What if you could incrementally adopt native views in React websites instead of starting from scratch? 🚀 Expo DOM Components make this possible! Watch: Migrating a shadcn template to @Expo Router ↓

Evan Bacon 🥓

367,014 次观看 • 2 年前

Two brave kids who helped in a scary moment showed how kindness can make a big difference 🙏

Two brave kids who helped in a scary moment showed how kindness can make a big difference 🙏

Tansu Yegen

18,484 次观看 • 5 个月前

small changes can make a big difference #QueerEye

small changes can make a big difference #QueerEye

Queer Eye

21,045 次观看 • 1 年前

A little kindness can make a big difference. 😍

A little kindness can make a big difference. 😍

This Account Makes You Happy

25,371 次观看 • 6 个月前

Little changes can make a big difference ✨

Little changes can make a big difference ✨

Peter Mohrbacher

54,119 次观看 • 6 个月前

🚀 I got React Server Components rendering in Bun ‼️ ‼️ Wrote up my own little next-like framework that uses for bundling! ✦ 70ms cold boot (bundling react + pages and components) ✦ 1-3ms to render a page I'm coming for you, Next 🙈

🚀 I got React Server Components rendering in Bun ‼️ ‼️ Wrote up my own little next-like framework that uses for bundling! ✦ 70ms cold boot (bundling react + pages and components) ✦ 1-3ms to render a page I'm coming for you, Next 🙈

leah lundqvist

57,889 次观看 • 3 年前

A small change can make a big difference in your bathroom layout 🚽 Learn how to rotate a toilet for a better fit and improved functionality.

A small change can make a big difference in your bathroom layout 🚽 Learn how to rotate a toilet for a better fit and improved functionality.

This Old House

87,033 次观看 • 4 个月前

Small act of kindness can make a big difference.

Small act of kindness can make a big difference.

The Figen

9,580,456 次观看 • 10 个月前

Ready to meet your new BFF? Your Big Financial Friend, Experian, has new solutions that can make a BIG difference when it matters most! #YourBFFExperian

Ready to meet your new BFF? Your Big Financial Friend, Experian, has new solutions that can make a BIG difference when it matters most! #YourBFFExperian

Experian

23,753 次观看 • 1 年前

👋 Today I'm open sourcing my Expo AI chat app! You can use it as a template for building AI apps with the new Expo RSC support. ◆ Custom cards for weather, movies, and location prompts ◆ Stream UI from the server with Universal React Server Components ◆ Runs on web, native, and in Expo Go

👋 Today I'm open sourcing my Expo AI chat app! You can use it as a template for building AI apps with the new Expo RSC support. ◆ Custom cards for weather, movies, and location prompts ◆ Stream UI from the server with Universal React Server Components ◆ Runs on web, native, and in Expo Go

Evan Bacon 🥓

132,985 次观看 • 1 年前