react-router-data-mode

Malicious tool definition detected

Tool: SKILL.md Description: --- name: react-router-data-mode description: Build React applications using React Router's data mode with createBrowserRouter and RouterProvider.

Malicious tool definition detected

Tool: references/actions.md [1/2] Description: --- title: Actions and Form Handling description: Form submission, mutations with actions, useFetcher, and validation tags: [action, Form, useFetcher, useSubmit, useActionData, mutations, validation] --- # Actions and Form Handling Actions handle data mutations (create, update, delete).

Tool: references/actions.md [2/2]

Malicious tool definition detected

Tool: references/data-loading.md Description: --- title: Data Loading description: Loading data with loaders and useLoaderData tags: [loader, useLoaderData, data-loading, params, request] --- # Data Loading Data is loaded using `loader` functions defined on route objects.

Malicious tool definition detected

Tool: references/navigation.md Description: --- title: Navigation description: Link, NavLink, useNavigate, redirect, and Form navigation tags: [navigation, Link, NavLink, useNavigate, redirect, Form, ScrollRestoration] --- # Navigation React Router provides several ways to navigate between routes.

Malicious tool definition detected

Tool: references/pending-ui.md [1/2] Description: --- title: Pending UI and Optimistic Updates description: Loading states, optimistic UI with useNavigation and useFetcher tags: [pending-ui, optimistic-ui, useNavigation, useFetcher, loading, spinner] --- # Pending UI and Optimistic Updates **Key principle:** Show expected results immediately using `fetcher.formData`, then let React Router sync with the server.

Tool: references/pending-ui.md [2/2] Description: ]); function Root() { const navigation = useNavigation(); const isNavigating = navigation.state !== "idle"; return ( <div style={{ opacity: isNavigating ?

Malicious tool definition detected

Tool: references/route-object.md Description: --- title: Route Object description: Route object properties including Component, loader, action, and lazy tags: [route-object, Component, loader, action, lazy, shouldRevalidate, middleware] --- # Route Object Route objects define the behavior of each route in your application.

Malicious tool definition detected

Tool: references/routing.md Description: --- title: Routing description: Route configuration with createBrowserRouter and route objects tags: [routing, createBrowserRouter, route-objects, nested-routes, layout, dynamic-segments] --- # Routing Routes are configured as JavaScript objects and passed to `createBrowserRouter`.

Malicious tool definition detected

Tool: references/ssr.md Description: --- title: Server-Side Rendering description: Manual SSR setup with createStaticHandler, createStaticRouter, and StaticRouterProvider tags: [ssr, server-side-rendering, createStaticHandler, createStaticRouter, StaticRouterProvider, hydration] --- # Server-Side Rendering SSR with data mode requires manual setup using `createStaticHandler` on the server and hydration with `createBrowserRouter` on the client.