[19] s/"Server Action"/"Server Function"

[rickhanlonii]

Overview

Note: please don't screencap this until it lands, looking at you @slorber 👀

These docs are a proposal to re-name "Server Actions" to "Server Functions" in the docs starting in React 19.

If you review the changes here, you can actually see the reason this makes sense: Many of the calls to "use server" functions are not actions.

For example, this example from the Server "Action" docs is not an Action:

"use client";
import {createNote} from './actions';

function EmptyNote() {
  console.log(createNote);
  // {$$typeof: Symbol.for("react.server.reference"), $$id: 'createNoteAction'}
  <button onClick={() => createNote()} />
}

This is just calling a server function on click. Really, it should be converted to an Action for better UX.

What are Server Actions then

Server Actions are Server Functions used in an Action context. For example, there are three examples on the Server Function page in this PR that show:

• Using Server Functions with Actions
• Form Actions with Server Functions
• Server Functions with useActionState

Redirect

This change redirects links to "/server-action" to the 18 docs, which I'll add a callout for saying it's been renamed. We should also probably update the 19 blog post with a note about the name change.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
19-react-dev	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 23, 2024 8:23pm
react-dev	✅ Ready (Inspect)	Visit Preview		Sep 23, 2024 8:23pm

[sophiebits]

…are server components server functions