Basic Login Form with React.js, Tailwind CSS & TypeScript (just the frontend part)

Published: 24 November 2020
on channel: Zaiste Programming
24,456
313

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


Watch video Basic Login Form with React.js, Tailwind CSS & TypeScript (just the frontend part) online without registration, duration hours minute second in high quality. This video was added by user Zaiste Programming 24 November 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 24,456 once and liked it 313 people.