⚛️ Dan Abramov explores React Server Components with us! [VOD]
Ойындар
Dan Abramov and I were on a mission to explain React Server Components. We came away with diagrams, code, and a real-world app!
👀 Code repo: github.com/bholmesdev/simple-rsc
00:00 Intros
00:30 How did we get to React Server Components?
09:40 XHP? Are we back to PHP??
15:50 What does "server" mean really?
22:08 create-react-app is dead. Now what?
31:20 DIY server components are tough. Why?
37:50 Server components solve GraphQL-y problems
43:33 Okay WHAT ARE WE BUILDING
44:30 Introducing simple-rsc
47:45 In the weeds of building the server
54:20 Top-down rendering vs. nesting
59:20 Do you still need a list `key` on the server?
1:07:30 Data streaming: what it do?
1:16:00 Understanding Suspense
1:26:50 Let's build a search box
1:40:58 Diagramming server vs. client
1:53:10 Why can't you import server into client?
2:08:50 Let's build server-side search??
2:38:30 Oops, we built a router
3:14:30 What is startTransition?
3:51:30 Wrapping up
Пікірлер: 30
Missed the live earlier today. You uploaded it crazy fast! 😁
This discussion was a gem. Thank you Ben & Dan.
Thank you both of you!
Maybe the most useful resource for understanding server components for me, thanks both
Amazing educational content! Thank you both for the passionate work!
Great live event today Ben. You do have one speed lol 150% Thakns for the quick demo on setting up react server.
Amazing learning! 🎉
Awesome stream, more of this.
Hey, really enjoyed the video thank you! What is your font and theme? like it a lot
@bholmesdev
Жыл бұрын
Theme: marketplace.visualstudio.com/items?itemName=astro-build.houston Font: www.monolisa.dev/
@ben How is Astro thinking about server components? Or is it not a consideration?
@bholmesdev
Жыл бұрын
I'm working to put it on our radar! Right now, we're tracking the ongoing Vite RSC work. With this, we'll have the groundwork to figure out islands support: github.com/vitejs/vite/discussions/12715
Did this session discuss use of useContext in react server component based apps ?
@bholmesdev
11 ай бұрын
Sadly didn't get there! TLDR: you can wrap an application with a client component that provides context, and all client components elsewhere in the app have access. Server component context is a different beast that doesn't have a clear standard right now
@anilchaudhary2964
11 ай бұрын
@@bholmesdev Yeah that's what i had in my mind. Even the next js docs states the same. Thanks for answering
@sivaganesh4489
6 ай бұрын
@@bholmesdevis there any context which can be used only in server components
Guys, I'm starting to code a webapp right now with next13, but I don't if I should just start using the app folder or should use the pages folder and wait the app folder mature.... can you guys give your 2 cents ?
@thefullstackproject
Жыл бұрын
Since you are starting go with the pages folder and get your feats, wet while keeping in touch with new features. then you can quicky move. Thats what I think.
@rockNbrain
Жыл бұрын
@@thefullstackproject tks bro
@maddogshwa
Жыл бұрын
If you plan to launch soon don't use app folder.
@rockNbrain
Жыл бұрын
@@maddogshwa tks mate!
Still waiting for a use case for RSC...
Brother if i want add rtk query with nextJs then i can i do that
Ben is literally drinking from vase lmao😂
@bholmesdev
Жыл бұрын
It's a YETI THERMOS thank you?? 😤
I would call it Dry Components
When zoomers rediscover PHP
add subtitles
@bholmesdev
Жыл бұрын
Still waiting on KZread to autogen these! I'll double check the settings
@bholmesdev
Жыл бұрын
Update: looks like KZread can't auto-caption beyond a certain video length :( Super disappointing, but I'm posting Shorts and a couple full-length vids based on what I learned here!