Remix v2 Forms & Mutations
Implements robust Remix v2 form submissions and optimistic UI patterns using canonical framework primitives.
This skill provides specialized guidance for implementing form submissions and data mutations within the Remix v2 framework. It ensures developers follow best practices by using canonical primitives like <Form>, useFetcher, and useNavigation, which enable progressive enhancement, automatic revalidation, and race-safe transitions. By providing a comprehensive decision matrix, it helps developers choose correctly between navigation-based forms and in-place fetchers, while offering implementation patterns for optimistic UI, file uploads, and complex multi-action routes.
主な機能
01Optimistic UI state management using synchronous formData
02Multi-action route handling via the intent pattern
03Standardized <Form> and useFetcher implementation patterns
04Decision matrix for navigation-based vs. in-place mutations
05File upload configuration with multipart/form-data
0664 GitHub stars
ユースケース
01Implementing real-time UI updates like likes or toggles with optimistic feedback
02Handling complex multi-step workflows with route-based state
03Building progressively enhanced forms that work without JavaScript