Structure et configuration du projet React et Vite

Le starter est une application normale Vite. Ses valeurs par défaut form0-specific vivent dans form0.config.js, alors que le code de l'application reste sous src.

Code
.
├── form0.config.js
├── src/
│   ├── components/        # application form wrappers and UI primitives
│   ├── field-renderers/   # application-owned renderer overrides
│   ├── forms/             # schema files, registry, and loader
│   ├── pages/             # home and form routes
│   ├── styles/            # application-level form overrides
│   └── themes/            # optional Vanilla Extract themes
└── vite.config.js         # React plugins, aliases, and local API proxy

Zones de configuration

Modifiez form0.config.js pour contrôler:

• layout: largeur par défaut, placement des étiquettes et disposition par présentation;
• engine: évaluation du fil principal ou worker et stratégie du magasin React;
• theme: clair, sombre, système, ou une classe de thème d'application;
• interaction: comportement initial d'édition/lecture seule et comportement de recouvrement submission;
• schemas.directory: le répertoire schema utilisé par l'outillage;
• devServer: la commande app, le connecteur submission le commutateur, et API la base URL;
• fieldRenderers: types de champs remplacés par l'application renderers; et
• output.useKeys: si les enregistrements structurés préfèrent les clés schema ou les noms de données.

Les accessoires de composant peuvent remplacer les valeurs par défaut pertinentes pour un formulaire spécifique. par défaut dans le comportement config et keep form dans le schema.

[ATTENTION] Gardez le magasin de moteur réglé sur snapshot dans ce starter. limitation de message de validation connue avec le mode selector.

Procuration de développement

Le serveur Vite remplace /api par http://localhost:3030 par défaut. FORM0_DEV_API_URL dans l'environnement de processus ou dans un fichier Vite .env local pour utiliser un autre serveur CLI La valeur est consommée par la configuration Vite et n'est pas exposée au code du navigateur.

Ne placez pas d'identifiants dans les variables côté client. Les identifiants de base de données appartiennent à CLI ou environnement de connecteur côté serveur décrit dans la documentation du connecteur.