Let’s build a basic login form in React.js. For CSS, we will use the Tailwind CSS framework. For the form handling, we will use the react-hook-form library. Everything will be written inTypeScript. To speed up a little bit the configuration and setup, we will be using Kretes.

react-hook-form is a library for creating and validating forms in React.js that focuses on performance with a simple, easy to understand API.

https://react-hook-form.com
https://tailwindcss.com
https://kretes.dev

Sections:

0:00 - Intro
1:31 - Demo
1:58 - Setup
3:25 - Building a static form using HTML & Tailwind CSS
9:00 - Form in React.js with react-hook-form
11:45 - Use TypeScript to control the form
13:16 - Add form validation
15:05 - Different modes of the form submission
16:31 - Summary

#reactjs #typescript

#react.js #tailwind css #typescript