Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

🚀 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

3,209 subscribers

57,881 Aufrufe • vor 2 Jahren •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

9 Kommentare

Profilbild von Theo - t3.gg

Theo - t3.ggvor 2 Jahren

@bunjavascript 👀👀

Profilbild von Nicky McCurdy

Nicky McCurdyvor 2 Jahren

@bunjavascript Awesome work! Are you planning on publishing it?

Profilbild von leah lundqvist

leah lundqvistvor 2 Jahren

@bunjavascript I am! Just need to polish up some rough edges first, threw this together in two evenings after work 😅

Profilbild von Dobroslav Radosavljevič

Dobroslav Radosavljevičvor 2 Jahren

@bunjavascript @pranjalsoni_ good things are coming

Profilbild von Poppy (e/acc)

Poppy (e/acc)vor 2 Jahren

@bunjavascript @Zanzibased

Profilbild von Charlie Greenman

Charlie Greenmanvor 2 Jahren

@bunjavascript do you plan on WASM support?

Profilbild von leah lundqvist

leah lundqvistvor 2 Jahren

@bunjavascript Could you expand on what you mean by that? WASM should load fine as long as its inside a client component (or maybe even in a server component, but ive never played around with that)

Profilbild von Alex Turpin

Alex Turpinvor 2 Jahren

@bunjavascript Awesome. I'm just waiting for something like Fresh with RSCs...

Profilbild von charlie

charlievor 2 Jahren

@bunjavascript here for this

Ähnliche Videos

I updated Build UI's user search to use React Server Components with Next 13's appDir. The code for this was so simple.

I updated Build UI's user search to use React Server Components with Next 13's appDir. The code for this was so simple.

Ryan Toronto

378,375 Aufrufe • vor 3 Jahren

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

Michael Magán

65,473 Aufrufe • vor 1 Jahr

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,085 Aufrufe • vor 3 Jahren

Day 8: React Server Components

Day 8: React Server Components

srgm

16,570 Aufrufe • vor 11 Monaten

🚀 Introducing React Bits Pro Build faster with: • 65 unique React components • 100+ smoothly animated UI blocks • 5 launch-ready templates For landing pages, launches, and product sites that need to stand out. Launch pricing is live for 1 month.

🚀 Introducing React Bits Pro Build faster with: • 65 unique React components • 100+ smoothly animated UI blocks • 5 launch-ready templates For landing pages, launches, and product sites that need to stand out. Launch pricing is live for 1 month.

David Haz

151,599 Aufrufe • vor 3 Monaten

❌ Don't pass props to multiple nested components in React. ✅ Instead use libraries like react-query to better handle server state.

❌ Don't pass props to multiple nested components in React. ✅ Instead use libraries like react-query to better handle server state.

George Moller

137,429 Aufrufe • vor 2 Jahren

After many long years, the most widely used React framework in the world has React Server Components support! And the migration story is iterative, not "big bang" 💥 I think React Router's take on RSC is really great. Here's what you need to know.

After many long years, the most widely used React framework in the world has React Server Components support! And the migration story is iterative, not "big bang" 💥 I think React Router's take on RSC is really great. Here's what you need to know.

Kent C. Dodds 🏹

37,466 Aufrufe • vor 6 Monaten

⚛️ How I like to name React components ↓

⚛️ How I like to name React components ↓

George Moller

39,480 Aufrufe • vor 1 Jahr

Today we’re excited to introduce GenSX, an open source TypeScript framework for building backend workflows and agents with reusable, React-like components. If you know how to write a React component, then you’ll feel right at home building agents in GenSX.

Today we’re excited to introduce GenSX, an open source TypeScript framework for building backend workflows and agents with reusable, React-like components. If you know how to write a React component, then you’ll feel right at home building agents in GenSX.

Evan Boyle

14,446 Aufrufe • vor 1 Jahr

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.

Meng To

32,205 Aufrufe • vor 2 Jahren

🚀 React Server Components are coming to every platform with Expo Router! To showcase all the new possibilities, I wrote the most powerful demo AI app I could think of—took less than a day to write, and it runs everywhere! Unlike traditional AI apps, which stream plain-text, Expo RSC can server render interactive native views and animations. This is the future of mobile apps.

🚀 React Server Components are coming to every platform with Expo Router! To showcase all the new possibilities, I wrote the most powerful demo AI app I could think of—took less than a day to write, and it runs everywhere! Unlike traditional AI apps, which stream plain-text, Expo RSC can server render interactive native views and animations. This is the future of mobile apps.

Evan Bacon 🥓

170,736 Aufrufe • vor 2 Jahren

"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

50,550 Aufrufe • vor 1 Jahr

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

530,091 Aufrufe • vor 2 Monaten

Mafs - "React components for interactive math" Feels like butter interacting with these components. The library is clearly made with ♥️

Mafs - "React components for interactive math" Feels like butter interacting with these components. The library is clearly made with ♥️

Jay Hack

122,213 Aufrufe • vor 3 Jahren

🎉 Releasing Framer Motion Theatre, a library for creating animated React components. ⚡️ Use Theatre.js in React with a simple declarative API ⚡️ Animate Framer-motion's motion values using Theatre.js ⚡️ Get WYSIWYG editing for your components with 1 line of code 1/6

🎉 Releasing Framer Motion Theatre, a library for creating animated React components. ⚡️ Use Theatre.js in React with a simple declarative API ⚡️ Animate Framer-motion's motion values using Theatre.js ⚡️ Get WYSIWYG editing for your components with 1 line of code 1/6

Andrew Prifer

66,253 Aufrufe • vor 1 Jahr

Liseré - a small react package with components and utilities for selecting and highlighting text.

Liseré - a small react package with components and utilities for selecting and highlighting text.

ankur

20,124 Aufrufe • vor 10 Monaten

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

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

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

Next.js: Authentication ※ Best practices for Server Components, Server Actions, and Middleware ※ Patterns like Data Access Layers, API Minimization, and Data Transfer Objects Also, aside from headshots, this video is entirely built in React 🤯

Next.js: Authentication ※ Best practices for Server Components, Server Actions, and Middleware ※ Patterns like Data Access Layers, API Minimization, and Data Transfer Objects Also, aside from headshots, this video is entirely built in React 🤯

Delba

116,318 Aufrufe • vor 2 Jahren