danabra.mov
my blog https://overreacted.io
typo
+1
-1
public/rsc-for-astro-developers/index.md
+1
-1
public/rsc-for-astro-developers/index.md
···
96
96
Let's note a few syntactic differences you might have noticed above:
97
97
98
98
- Unlike Astro Components, React Server Components are regular JavaScript functions. They are not "single-file". The props are coming from the function argument rather than from `Astro.props`, and there is no separate "template".
99
-
- In Astro, the separation between Astro Components and Client Islands is achieved by writing the former as `.astro` files. Once you import a Client Island, you're not in an `.astro` file anymore and thus you're "leaving" the Astro world. In RSC, the same purpose is achieved by the `'use client'` directive. The `'use client'` directives marks where the Server world "ends"--[it is a door between the worlds.](/what-does-use-client-do/#two-worlds-two-doors)
99
+
- In Astro, the separation between Astro Components and Client Islands is achieved by writing the former as `.astro` files. Once you import a Client Island, you're not in an `.astro` file anymore and thus you're "leaving" the Astro world. In RSC, the same purpose is achieved by the `'use client'` directive. The `'use client'` directive marks where the Server world "ends"--[it is a door between the worlds.](/what-does-use-client-do/#two-worlds-two-doors)
100
100
- In Astro, there are directives like `client:load` that let you treat Islands either as static HTML or as hydratable on the client. React Server Components does not expose this distinction to the user code. From React's perspective, if a component was written to be interactive, it would be a *mistake* to remove this interactivity. If a component truly does not *require* interactivity, just remove `'use client'` from it, and then importing it from the Server world would *already* keep it Server-only.
101
101
102
102
The last point is interesting. In Astro, the different syntax (`.astro` files vs Client Islands) creates a sharp and obvious visual distinction between the two worlds. The same component can't act as both an Astro Component *and* a Client Island depending on the context--they're two distinct things with distinct syntaxes.