How can I implement form validation in TypeScript?

How can I implement form validation in TypeScript?

You can implement form validation in TypeScript by using libraries like Formik or React Hook Form. Would you like a code example?

Yes, please provide a code example using React Hook Form.

Sure! Here's a simple example:

import React from 'react';
import { useForm } from 'react-hook-form';

const MyForm = () => {
  const { register, handleSubmit, formState: { errors } } = useForm();

  const onSubmit = (data: any) => {
    console.log(data);
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register('username', { required: true })} />
      {errors.username && <span>This field is required</span>}
      <input type="submit" />
    </form>
  );
};

This code sets up a simple form with validation for the username field.

What other validation options can I use with React Hook Form?

You can use built-in validation rules like minLength, maxLength, pattern, and custom validation functions. Would you like to see examples of these?