Summary

React Hook Form is an elegant solution to manage forms in react. React Hook Form takes care of form state, field validation, error states and much more.

Zod is a library to perform typescript-first schema validation with static type inference. You can declare a schema that would be the shape of the object you wish to validate against.

Dependencies

react-hook-form
Hook form resolvers (A helper library to resolve zod schema)
zod (validation library)

Summary

Update build path to Vite on Netlify

Problem: Using process.env in Vite may yield the error: "ReferenceError: process is not defined".

Summary

Migrating React application from Webpack to Vite

• Change repository to ES Modules
• Install Vite and its plugins
• Replace scripts in package.json file
• Teach Vite where the root file
• Coonfigure vite-plugin-html
• Add entry module to index.html file
• Configure @vitejs/plugin-react
• Babel plugins
• Static files handling
• Tell Typescript how to resolve import path
• Tell vite how to build import path