Based on my search through the React codebase, I have found comprehensive server actions implementation in React. Here are the key files containing server actions implementation, form actions, and action serialization/deserialization:
Files with Server Actions Implementation:
fixtures/flight-parcel/src/server.tsx - Server-side handler for server actions
- Implements
handleAction() function that loads and executes server actions
- Uses
loadServerAction() to load actions by ID
- Uses
decodeAction() for form-based progressive enhancement
- Uses
decodeReply() to decode arguments sent from client
- Handles both RSC (React Server Components) rendering and server action invocation
- Sets up Express middleware for CORS and handling POST requests
fixtures/flight-parcel/src/client.tsx - Client-side server action integration
- Uses
setServerCallback() to register handler for server actions
- Uses
encodeReply() to serialize arguments when calling server actions
- Uses
createFromFetch() and createFromReadableStream() to deserialize RSC responses
- Implements server action invocation with POST requests including 'rsc-action-id' header
- Handles form submissions and navigation with RSC updates
fixtures/flight-parcel/types.d.ts - Type definitions for server action APIs
- Defines
loadServerAction(id: string) - loads server actions by ID
- Defines
decodeAction(body: FormData) - decodes form-based actions
- Defines
decodeReply<T>(body: string | FormData) - deserializes client arguments
- Defines
encodeReply(value: any) - serializes arguments for server
- Defines
CallServerCallback type for server action handler
- Defines
setServerCallback(cb: CallServerCallback) to register handlers
- Defines
renderToReadableStream(value: any) for RSC rendering
fixtures/flight-parcel/src/actions.ts - Example server actions (marked with 'use server')
- Shows server action patterns with FormData handling
- Examples:
getTodos(), createTodo(), updateTodo(), deleteTodo(), setTodoComplete()
fixtures/flight-parcel/src/TodoCreate.tsx - Form action usage pattern
- Shows
<form action={createTodo}> syntax for server actions
- Progressive enhancement with form data
fixtures/flight-parcel/src/TodoDetail.tsx - Server action with .bind() pattern
- Shows
<form action={updateTodo.bind(null, todo.id)}>
fixtures/flight-parcel/src/TodoItem.tsx - Client-side server action invocation
- Shows
startTransition() wrapper around server action calls
- Shows
useOptimistic() hook for optimistic updates
