DO NOT CLOSE Draft for useForm submission / ongoing ensemble programming

[thadk]

Started by trial and error but may be helpful to reference the library's guide: https://conform.guide/tutorial

[thadk]

I think the two big things we tried with conform in this ensemble programming session were below:

home-energy-analysis-tool/heat-stack/app/root.tsx

Lines 257 to 276 in b36d8d4

	const TrialFormSchema = z.object({
	imageUrl: z.string().optional(),
	username: z.string(),
	name: z.string(),
	agreeToTermsOfServiceAndPrivacyPolicy: z.boolean({
	required_error: 'You must agree to the terms of service and privacy policy',
	}),
	remember: z.boolean().optional(),
	redirectTo: z.string().optional(),
	})
	const [form, fields] = useForm({
	id: 'onboarding-provider-form',
	constraint: getFieldsetConstraint(TrialFormSchema),
	lastSubmission: actionData?.submission ?? data.submission,
	onValidate({ formData }) {
	return parse(formData, { schema: TrialFormSchema })
	},
	shouldRevalidate: 'onBlur',
	})

home-energy-analysis-tool/heat-stack/app/root.tsx

Lines 289 to 297 in b36d8d4

	<Field
	labelProps={{ htmlFor: "1234", children: 'Username' }}
	inputProps={{
	type: 'text',
	autoComplete: 'username',
	className: 'lowercase',
	}}
	errors={[]}
	/>

• Version 1 of Conform notes by Epic Stack team was just released this week 1 Feb 2024.
• Epic stack Conform guide. from Oct 2023

[thadk]

Implemented in e.g. #150