Projets
Frontend2024
FormGuard
Validation Zod + sanitization XSS + accessibilité ARIA dans un hook React de 4KB. Zéro dépendance runtime.
ContactForm.tsx
const schema = z.object({
name: z.string().min(2),
email: z.string().email(),
message: z.string().min(10).max(500),
});
const { fields, errors, handleSubmit } = useFormGuard(schema);
// ✓ Validation Zod au blur + submit
// ✓ Sanitization XSS automatique
// ✓ Attributs ARIA générés
Rendu du formulaire
Jean Dupont
jean@
Email invalidearia-invalid="true"
Votre message...
Envoyer
XSS sanitized
ARIA ready
Fonctionnalités
Validation + Sécurité + A11y
Validation Zod
Schémas Zod comme source de vérité. Validation au blur, change et submit. Debounce configurable. Schémas conditionnels.
Sanitization XSS
Pipeline maison de 2KB. Neutralise les vecteurs XSS avant le state React. Zéro dépendance externe.
Accessibilité ARIA
aria-invalid, aria-describedby, aria-live automatiques. Support complet lecteurs d'écran. WCAG 2.1.
4KB gzippé
Tree-shakeable. Hook useFormGuard simple. Formulaires multi-étapes. React 18+ et Next.js App Router.
4KB
Gzippé
100%
Coverage tests
0
Dépendances
WCAG
2.1 conforme
Stack
Technologies
ReactTypeScriptZodARIAViteVitest
Formulaires sûrs et accessibles
Un hook, un schéma Zod, et vos formulaires sont validés, sanitizés et accessibles.