New React Router App

This page demonstrates React Router v7 with Vite asset integration

This page demonstrates several key React Router features:

File-based Routing: Routes are defined by the files in app/routes.
Data Loading: The loader function fetches data before rendering.
Mutations: The action function handles form submissions and data mutations.
Pending UI: The useFetcher hook provides status for data loading and submissions.
Static Asset Integration: CSS and JS assets via Vite processing

Use the form below to see the loader and action in action.

{
  "loaderData": {
    "count": 0,
    "name": "Who?"
  }
}