The Future of React Native?

React Server Components can be used with React Native since Expo SDK 52. On top, you can use DOM components to integrate web content easily. Let's explore what this future of React Native looks like and how you can use RSC with React Native today.

#############################

❤️ You can also find me on:

#############################

00:00 Intro
00:50 RSC Setup
01:58 Using a React Server Component
07:02 React Server Functions
10:44 DOM Components
15:11 Is this the future?

[Baconbrix]

Great video! We'll continue to improve every aspect of these new tools.

Every function exported from a file are React Server Functions, not a React Server Component. You can only use inline React Server Functions ("use server" in async functions) when those functions are defined in a react-server environment, but the app/functions.tsx file runs in the client environment. To get around this, you can define the function in a file and mark it with "use server" at the top. If you return JSX from a React Server Action, you can pass a function with "use server" inside of it to make an inline React Server Action.

[giacomogaravaglia]

server side components/functions scares me a lot. They can be "packaged" but how distributed? With api you have much control over the tech stack and the infrastructure (load balancing, performance, etc), with this you have to add an additional component on the infrastructure, idk, i'm an old guy. Dom components, on the other hand, are amazing. Thanks for this

[JayeshSaini]

If server components are not bundled in app package, this will be a game changer for securing API keys. Also the dom components are amazing 🤩

[andryniaina]

Expo should focus on mobile. Mobile doesn't need Server Rendering at all. For web, Next is doing great.

[carlosricardoziegler]

Nice, how is the process to deploy that ? With server functions and so on ?

[madmaxdev]

The client, server, dom folders inside the components folder makes sense.

[matheussousa]

Where does it get hosted at? I can't understand where is the "server"

[JoelPiccoli]

Mind-blowing! Do you know what the PHP community has in common with React Native's? We love to improve and contribute! Expo is just what React Native always needed!

[jerryseigle]

Any ideal when this will be included in the React Native CLI without expo

[Flash]

Interested to see how Expo will deal with the hosting side of things. It would be nice to see this better integrated with Vercel, in the same way Next.js is: just a single click, and you have everything hosted for your web/mobile app.

[OBLIVIOUSKARI]

This is amazing but I have a question, where in the world is the server? Isn’t this a mobile device? Are we calling back to an expo cloud server?

[NotEsc_]

what's the name of theme you use on VS-code?

[jisonsoft]

now if we generate for example an apk, how the server component will be compiled, or the SRCs will be extracted how a bakend which must be hosted separately please,

[dglalperen]

So if i understood correctly, i could have a node backend which is hosted separately and provides react native UI. Lets say we have an endpoint /products/xyz. On the Mobile Side of things we could just call the endpoint and the server (my hosted backend) would give me the UI.

so whenever i want to change the UI i could just update the backend endpoint styling for example and it would be instantly rolled out ?

[matheusaraujo]

so all this stuff is used just in a web app created using react-native, if im just building a mobile application only, i dont need to use those features, am i right?

[lourencorosado]

What about using something as prisma or drizzle? Would that be possible?

[nithish]

Day 1 asking for how to create an npm package for Expo, test it locally, and then publish it on npm?

[Hari-oh]

Can anyone explain me in simple terms, what is the use of server components in expo?

[nickv.v]

hey, is this guy who was taking he was not a huge fun of react native?)