React (software): Difference between revisions

Revision as of 11:34, 8 October 2024

Revision as of 18:02, 9 October 2024

Line 63:

=== Server components ===

React server components (RSC) <ref>{{Cite web|url=https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components|title=React Labs: What We've Been Working On – March 2023|website=react.dev|language=en|access-date=2023-07-23|archive-date=2023-07-26|archive-url=https://web.archive.org/web/20230726201006/https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components|url-status=live}}</ref> are function components that run exclusively on the server. The concept was first introduced in the talk "Data Fetching with Server Components".<ref>{{Cite web |last=Abramov |first=Dan |last2=Tan |first2=Lauren |last3=Savona |first3=Joseph |last4=Markbåge |first4=Sebastian |date=2020-12-21 |title=Introducing Zero-Bundle-Size React Server Components |url=https://react.dev/blog/2020/12/21/data-fetching-with-react-server-components |access-date=2024-09-28 |website=react.dev |language=en}}</ref>. Though a similar concept to Server Side Rendering, RSCs do not send corresponding JavaScript to the client as no hydration occurs. As a result, they have no access to hooks. However, they may be [[Async/await| asynchronous function]], allowing them to directly perform asynchronous operations:

<syntaxhighlight lang="jsx" line="1">