@formerie/react-router

Formerie pour React Router

Gardez votre code React Router. Formerie valide, conserve et livre chaque soumission.

Commencer gratuitement

Compatible avec

Installer

Ces paquets sont en version alpha : leurs API peuvent changer.

pnpm

Shell

pnpm add @formerie/react-router

npm

Shell

npm install @formerie/react-router

Yarn

Shell

yarn add @formerie/react-router

Bun

Shell

bun add @formerie/react-router

Utiliser

createFormerieReactRouterAction est une action de route qui fonctionne sans JavaScript, et le paquet offre aussi FormerieForm et loadFormerie.

Il vous faut un formulaire publié. Remplacez fm_t77txbvg43nmar par l’ID de votre formulaire, dans l’application.

TSX

import { FormerieForm, loadFormerie } from "@formerie/react-router";
import type { Route } from "./+types/contact";

export const loader = () => loadFormerie({ form: "fm_t77txbvg43nmar" });

export default function Contact({ loaderData }: Route.ComponentProps) {
  return <FormerieForm {...loaderData} />;
}

Ce qui se passe ensuite

Formerie vérifie les champs, fait ses vérifications antipourriel, conserve la soumission et la livre selon vos réglages dans l’application. Votre code ne s’occupe que des champs et de la réponse.

Lire le guide des frameworks

Les paquets sont en version alpha : leurs API peuvent changer.

Publiez votre premier formulaire dès aujourd’hui.

En accès anticipé. Les nouveaux espaces de travail commencent avec le forfait Free, et les prix affichés ne sont pas facturés.

Commencer gratuitement Voir les forfaits